Home › Forums › Basel support forum › Mobile MENU Color

Mobile MENU Color

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 12, 2020 at 9:45 pm #232761

    sandrofinoribeiro
    Participant

    Hi,

    How can i change the background color of the mobile menu? And the search field on the mobile menu?

    Thanks,
    SR

    October 13, 2020 at 6:27 am #232816

    Elise Noromit
    Member

    Hello,

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

    body .mobile-nav {
    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;
}

    Please change the colors as per your needs.

    Best Regards

    October 13, 2020 at 7:50 am #232837

    sandrofinoribeiro
    Participant

    Thanks!!!

    In this mobile menu when i search something in the search field and the reply is for “No Results” in a black field, how can i change that background color/text?

    🙂

    October 13, 2020 at 10:44 am #232883

    Elise Noromit
    Member

    Hello,

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

    body .mobile-nav .autocomplete-suggestions {
    background-color: red;
}
body .mobile-nav .autocomplete-suggestions .suggestion-title {
    color: green;
}

    Best Regards

  • Author
    Posts

Tagged: 

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