Home › Forums › Basel support forum › Mobile menu and search

Mobile menu and search

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 28, 2019 at 7:50 am #121267

    [email protected]
    Participant

    Hi there, I have 2 questions:

    1. How do I change background color of mobile sub-menu items? See attachment 1.
    2a. How do I change background color of ajax search results for mobile? See attachment 2a.
    2b. How do I change background color of ajax search results for desktop? See attachment 2b.

    Cheers

    Attachments:
    You must be logged in to view attached files.
    April 28, 2019 at 2:34 pm #121302

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:
    /*search*/
    body .basel-search-full-screen .basel-search-wrapper {
    background-color: red;
    }
    /*mobile menu*/
    body .mobile-nav {
    background-color: red;
    }

    body .mobile-nav ul li {
background-color: yellow;
}
body .mobile-nav ul li .up-icon{
	background-color: green;
}

    Best Regards

    May 5, 2019 at 8:34 am #122196

    [email protected]
    Participant

    For question #1, snippet you provided changes color of the whole menu. Is there any way to change ‘sub-menu’? In example (screenshot) I provided, color of price sub-menu ‘$30,$40,$50’, ‘$60, $70,$80’ and ‘$90 and above’.

    It is hard to navigate in that menu as colors of menu and sub-menu are the same.

    May 5, 2019 at 11:29 am #122204

    Elise Noromit
    Member

    Hello,

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

    body .mobile-nav .sub-menu-dropdown li a {
	background-color:red;
	color:#ffffff;
}
body .mobile-nav .sub-menu-dropdown li{
border-bottom:1px solid yellow;
}

    Best Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)