Change the color to secondary menu

grupobwt · September 2014

Hello, i dont see where in the builder change the colors of the secondary menu, please help

Thanks

Albert · September 2014

Hi,

please go to Theme options > Colors > Menu & Action bar section and the options are called "Submenu".

grupobwt · September 2014

but that change the submenu, not the secondary menu! the secondary menu is like the "top" menu...

please help me out, thanks

Albert · September 2014

Please send us url to website where you have secondary menu and we`ll try to help.

mitchwade · September 2014

I would also like to change the colour of the secondary menu. Was a solution found?

Albert · September 2014

@mitchwade We still wait for any website with secondary menu so we can give you right css.

grupobwt · September 2014

you can see the secondary menu on any of your be theme templates, my site is currently with a "coming soon" plugin

http://themes.muffingroup.com/betheme/home/renovate?mfn-box&mfn-c=one&mfn-o=1d3e93&mfn-l=renovate&mfn-h=stack,left

Albert · September 2014

Ok we missed that one. We do updates every week and currently we got such many options and demos that we can also miss it sometimes. However to change colors for secondary menu, please use below css:

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

grupobwt · September 2014

ok, no problem. Where can i paste that code? in a specific file? or in the custom css module in the builder? Thanks a lot!

mitchwade · September 2014

Thanks! Works perfectly.

Paste it into the 'Custom CSS' tab under 'Layout'

grupobwt · October 2014

Yeah it worked! thanks a lot! case closed.

regenuity · January 2015

How do you change secondary menu font size ? I want to increase the font size and make it bold.

Albert · January 2015

@regeneuity Please use below css for that but with font-size style, as below:

#Header .secondary-menu > li > a { font-size: 15px; }
#Header .secondary-menu li ul li a { font-size: 15px; }

tremor251 · June 2016

Hi, If my secondary menu got a submenu,

How do I change the size of this submenu? (I already used above CSS to change secondary-menu font-size)...

Albert · June 2016

@tremor251 Any link to page where you got such situation?

tremor251 · June 2016

Here, http://www.pol-signaletique.fr/

The menu I talk about is the "Language" one and it's about the sub categories as "Français, English, Espanol" I think the font is too small... How can I change it?

(Don't know why but I already posted a message like this one but it disappear...)

Albert · June 2016

@tremor251 Above link does not work.

tremor251 · June 2016

Try again please, I have problems with my server I think...

Albert · June 2016

Ok, now it works. So you mean not secondary menu, but languages. To change it's font size, you need to use the following css:

#Top_bar .wpml-languages ul.wpml-lang-dropdown li a { font-size: 15px !important; }

tremor251 · June 2016

Thank you!!

Albert · June 2016

You are welcome!

Murena · June 2021

How to change in the secondary menu, the responsive-menu-toggle color ?

Thanks!

Phil · June 2021

Hi @Murena,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us the link.

It is always a good idea to also attach a screenshot showing you what you are referring to.

Thanks

Change the color to secondary menu

Comments