Home Forums Basel support forum Colour scheme issues and mobile sidebar

Colour scheme issues and mobile sidebar

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #118308

    cherryflapjack
    Participant

    Hello, please could you help with a few issues;

    1. Red Circle – how do I remove the pop up sidebar on mobile?

    2. Orange Arrow – This is a mega menu widget and i want it to be white with black text, however, when i change it to white in appearance settings, it turns the cart total notification and the cart price white so it can’t be seen. Can this widget have its colour changed without changing all the other website colours?

    3. Blue Arrows – how do I change the colour of the cart header white with black text and the checkout button grey?

    Many thanks,

    Jack

    Attachments:
    You must be logged in to view attached files.
    #118363

    Hello,

    1. Navigate to the Theme Settings > General layout > disable Off-canvas sidebar for mobile

    2. Mega menu blocks are not supported on the mobile menu, please clarify. If this is HTML block you need to change the background in the row settings.

    3. It is possible to change with custom CSS, provide more details how do you want to change I will provide custom CSS

    Best Regards

    #118457

    cherryflapjack
    Participant

    Hi Elise,

    2. It is a mega menu widget element put in from wpbakery that shows on both web and mobile. It should be white with black text. But when i change the theme colour settings so it looks correct, it also changes the cart notification number white so you cant see it as well as the price in the cart. I’m wondering if there is any coding that will change just the background colour of this widget?

    3. Please could you make the top of the cart popup this colour #ffd8e4 and with black text. Could you also make the checkout button #f7f7f7.

    Thanks for your help!

    #118458

    cherryflapjack
    Participant

    You can see it on this page below

    #118569

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    /*mega menu widget*/
    body .widget_nav_mega_menu{
    background-color:white;
    }

    Please provide a product URL so that I could add to cart and provide the CSS code for that.

    Best Regards

    #118795

    cherryflapjack
    Participant

    Hi Elise,

    The mega menu code has worked, thank you!

    Heres a product URL – https://cherryfinejewellery.co.uk/product/abelia/

    Thanks

    #118979

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .cart-widget-side .widget-heading, .login-form-side .widget-heading {
        background-color: #ffd8e4;
    }
    body .cart-widget-side .widget-heading .widget-title{
    color:#000000;
    }
    body .cart-widget-side .widget-heading .widget-close{
    color:#000000;
    }
    .cart-widget-side .widget-heading .widget-close:after, 
    .cart-widget-side .widget-heading .widget-close:before,
    .login-form-side .widget-heading .widget-close:after, 
    .login-form-side .widget-heading .widget-close:before{
    color:#000000!important;
    }
    body .widget_shopping_cart .buttons .checkout:hover, 
    body .widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover;
    body .widget_shopping_cart .buttons .checkout, 
    body .widget_shopping_cart .widget_shopping_cart_content .buttons .checkout{
    color:#000000;
    	background-color:#ffd8e4;
    	border:1px solid #ffd8e4;
    }

    Best Regards

    #119007

    cherryflapjack
    Participant

    Perfect, thank you so much!

    🙂

    #119058

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Colour scheme issues and mobile sidebar’ is closed to new replies.