Sub menu font and background colour

superflymarketing · March 2015

Hi guys,

How do I change the colour of the sub menu/drop down menu font? And the background colour?

http://drylikeme.superflymarketing.co.uk/

Thanks!

Nick

Albert · March 2015

Hi Nick,

this can be done within below css:

#Top_bar .menu > li ul li a { color: #000 !important; }
#Top_bar .menu > li ul li a:hover { color: #000 !important; }
#Top_bar .menu > li ul { background-color: #FFF !important; }

Thanks!

Zero360Marketing · May 2015

Is there a different style for mobile size?

I'm having an issue where my submenu background colors work fine on full-sized browser window but on mobile, they turn white. On mobile, main menu background color and Sub-Submenu background colors appear correctly. Only Submenu off of main menu is not showing the selected background color.

How can I control that color? See http://www.navazondigital.com.

Albert · May 2015

@Zero360Marketing To change colors on mobile, you must wrap above css into media declaration, like below:

@media only screen and (max-width: 479px) {
    #Top_bar .menu > li ul li a { color: #000 !important; }
    #Top_bar .menu > li ul li a:hover { color: #000 !important; }
    #Top_bar .menu > li ul { background-color: #FFF !important; }
}

edjiksaw · April 2016

IS it possible to change the font of the sub menu?

Albert · April 2016

@edjiksaw Do you mean sub-menu font size or what? If you will send us link to page where you would like to do this, we will tell you how to do this.

edjiksaw · April 2016

Thanks for the quick reply!

Yes, the drop down (sub menu) font.

Albert · April 2016

@edjiksaw You still did not replied to our question. Do you mean SIZE or what exactly? Also, please provide us link to page where you want do this.

Sub menu font and background colour

Comments