Is there a way of having a second menu the same but different colours on some pages? I have white over the top of layer slider so it stands out but on pages with no layer slider I need it grey.
Thanks
Hey fanlokbun,
Thank you for the inquiry.
We should be able to define a different color for the menu on a specific page using css. Please provide a link to the page where you need a different menu color so we can inspect it.
Best regards,
Ismael
Hi Ismael thats great. It will be on a few pages but if you can give me a code for this one I can add the others:
Change from white to #7d8286.
Many thanks
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top.page-id-1424 #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text {
color: #7d8286;
}
please note the page ID in the css page-id-1424
Best regards,
Mike
That’s great Mike thanks.
The bar underneath on hover is still white. Can I add in a bit of CSS to change that too?
Many thanks
Hi,
Try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top.page-id-1424 .header_color.av_header_transparency .avia-menu-fx {
background: #7d8286;
}
After applying the css, please clear your browser cache and check.
please note the page ID in the css page-id-1424
Best regards,
Mike
Perfect Mike
Many thanks
You can close this
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike