Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #886545

    Hello. I’m trying to style the active menu item so that it stands out above the non-active items, but my CSS keeps applying to all of the menu items and at all times (active and non-active).

    Link to one of my menus included in the private area.



    Hey Ryan,

    Well, there is no class indicating a current menu item and that’s why your css applies to all of them.

    Best regards,


    How bout a solution?


    Hi Ryan,

    Here is a thread for you to consider

    If you need further assistance please let us know.
    Best regards,


    There are steps performed that are not fully disclosed. Many people have asked for this, so I think it’s worth documenting fully.

    By the way, I’ve started a documentation section for Enfold users on my business website. Any efforts will only help everyone in the long run.


    Try this code in the General Styling > Quick CSS field:

    #top #header.header_color.av_header_transparency .av-main-nav>li.current-menu-item >a .avia-menu-text {color: red !important;}
    #top .header_color.av_header_transparency .avia-menu-fx {background: red !important; 

    Best regards,


    This is for the Full-Width Submenu element, not the main nav.


    Okay to close. Will document on my website and the Enfold Facebook group. I would write this up guys, as there’s clearly some confusion.


    Sorry, my mistake. As for doing this with the Full-Width Submenu element, it’s not a feature at this time. The site they were working was Version: 3.4.7 and the menu structure has changed since then.
    Please feel free to request – or vote if already requested – such feature on Enfold feature request form.

    Best regards,


    I’ve documented the solution by pulling in information from multiple posts.

    Enfold CSS Snippets


    I stand corrected, well done :)
    Thank you for sharing your solution, shall we close this then?

    Best regards,


    All set and I updated my link. : )


    Again, well done :)
    Thank you for sharing your solution, we will close this now. Thank you for using Enfold.

    Best regards,

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Full-Width Sub Menu – Active Link Styling’ is closed to new replies.