Change font and text colour of Sub Menu items

nigelmch · February 2023

Can you please advise how to change the font of the sub-menu? At the moment, it appears to adopt the font of the 'content' which makes it different to the main menu and looks very inconsistent.

Phil · February 2023

Hi,

I suggest using Header Builder, where you will be able to customize it.

https://support.muffingroup.com/video-tutorials/header-builder-2-0/

Best regards

nigelmch · February 2023

Thank you but I have the header perfectly how i need it I just need to change the submenu font and colour - could you please advise css for this?

Phil · February 2023

Please, attach a link to your website, and tell me how you want to style it, and I will help you with CSS.

Best regards

nigelmch · February 2023

THank you, here is the site: https://staging2.hestiaandirisceremonies.co.uk/

If you look under 'YOUR STORY' you'll see the sub menu items.

I'd like to be able to set :

Font, Color, Hover Color, Background Color

So they are the same as the main menu.

Pablo · February 2023

Please use this CSS code into Theme Options -> Custom CSS & JS -> CSS

.submenu .menu-item a{background: white; color:black !important; font-family: "Champagne & Limousines",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
.submenu .menu-item a:hover{color:#e9b958 !important; background:white !important;}

thanks

nigelmch · February 2023

Great, thank you very much!

Change font and text colour of Sub Menu items

Comments