Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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.
    Thanks

    #1480321

    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

    #1480326

    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

    #1480382

    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

    #1480391

    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

    #1480399

    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

    #1480404

    Perfect Mike
    Many thanks
    You can close this

    #1480406

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Second menu colour’ is closed to new replies.