-
AuthorPosts
-
March 27, 2025 at 12:45 pm #1480270
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.
ThanksMarch 28, 2025 at 8:01 am #1480321Hey 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,
IsmaelMarch 28, 2025 at 9:54 am #1480326Hi 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 thanksMarch 28, 2025 at 2:27 pm #1480382Hi,
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-1424Best regards,
MikeMarch 28, 2025 at 3:33 pm #1480391That’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 thanksMarch 28, 2025 at 4:56 pm #1480399Hi,
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 csspage-id-1424Best regards,
MikeMarch 28, 2025 at 5:16 pm #1480404Perfect Mike
Many thanks
You can close thisMarch 28, 2025 at 5:31 pm #1480406Hi,
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 -
AuthorPosts
- The topic ‘Second menu colour’ is closed to new replies.
