Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #477627

    Hi

    I’ve added custom CSS to highlight the block menu bar when the page is active as I can only set a rollover action within the settings. The block colour has worked but the CSS to make the font white (the block is black) isn’t working.

    .current-menu-item {
    color: #FFFFFF;
    background-color: #000000;

    Any advice?
    Thanks, Jen

    #477651

    Hey Jen!

    Please try adding following code

    .current-menu-item>a>.avia-menu-text { color: white !important; }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Cheers!
    Yigit

    #477676

    Hi Yigit, that’s fixed it, thanks so much.

    One more question on the header. The ‘Events’ nav section doesn’t stay highlighted – is this because the plugin is taking over the page and not allowing it? Is there a way to fix this?

    Thanks, Jen

    #477679

    Hi Jen!

    Can you please post the link to your page where we can see the issue? :)

    Regards,
    Yigit

    #477681

    Hi, the site isn’t live, I’ll add the login to the private content area below.

    #477685

    Hi!

    Please try using following code

    .tribe-events-page-template #menu-item-203 > a > .avia-menu-text {
        color: white;
    }
    .tribe-events-page-template #menu-item-203 {
        background-color: black;
    }

    Cheers!
    Yigit

    #477689

    Perfect, thanks

    #477691

    Hi!

    You are welcome, we are always happy to help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Custom CSS header menu – highlight current page’ is closed to new replies.