Archived topic
Background in page menu
3 replies · Started by rafel jesus on December 22, 2020
Hi there.
I have an ask I have on this website http://www.hostalmontsec.cat in the main page the main menu is correct and without the background colour, but in the pages, I can't see the main menu because the background and the text are in white.
Can I do in a different colour? I try with a hook but I can't do it.
Thanks for your help.
Hi there,
go to Customizer > Colors > Primary Navigation and set the colors you want displayed on your normal pages.
Then edit your Header Element you use on the Front Page, go to the Site Header tab and enable the Navigation colors, you can then set you colors specifically for the header element.
Hi There.
It was worked.
I have another ask, to change the colors in the mobile version, how can I do it?
Thank you again
You can either set the Header Elements Merge with Content to Desktop Only.
OR try this CSS:
.header-wrap,
#mobile-header,
#mobile-header.toggled .main-nav>ul {
background-color: #fff;
}
.header-wrap #mobile-header .menu-toggle {
color: #000 !important;
}