Home Forums Basel – Premium Template How to change the background color of menu window on mobile ?

This topic contains 4 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 week, 2 days ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #182572
    Bamboon
    Bamboon
    Customer

    Hi,

    I’d like to be able to change the background color of the menu on mobile. When you click on the burger menu, a new window is opening : is this background color that I’d like to change.

    Please kindly tell me where I can do it and if it’s on Basel template or Basel child template ? Is it the css file ?

    Kindly regards,

    Lorene

    #182574
    Bamboon
    Bamboon
    Customer

    Or maybe you have an easy option in the theme settings already ?

    Thanks a lot

    #182576

    Hello,

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

    body .mobile-nav {
        background-color: blue;
    }

    Set the color as per your needs.

    Best Regards

    #182581
    Bamboon
    Bamboon
    Customer

    Great ! Thank you !
    And what about the text if needs to be dark ?

    #182609

    Hello,

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

    body .mobile-nav {
        background-color: blue;
    }
    .color-scheme-dark ul li {
        background-color: blue;
    }
    body .mobile-nav ul li .up-icon{
    background-color: blue;
    }
    body .mobile-nav .sub-menu-dropdown ul:before {
        color: red;
    }
    body .mobile-nav ul li.current-menu-item>a {
        color: red;
    }
    body .mobile-nav ul li a {
    	color: red;
    }
    body .mobile-nav .icon-sub-menu:after, 
    body .mobile-nav .icon-sub-menu:before {
        background-color: red;
    }
    body .mobile-nav .searchform button {
        color: red;
    }
    body .mobile-nav .searchform input[type=text] {
        color: red;
    }
    body .mobile-nav .autocomplete-suggestions .suggestion-title {
        color:red;
    }
    body .mobile-nav .autocomplete-suggestions {
        background-color: blue;
    }

    Best Regards

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

You must be logged in to reply to this topic.