Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • December 8, 2017 at 5:02 pm #886545
    WP Turned UP

    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.

    Thanks,
    Ryan

    December 8, 2017 at 9:54 pm #886642
    Victoria

    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,
    Victoria

    December 8, 2017 at 10:06 pm #886646
    WP Turned UP

    How bout a solution?

    December 9, 2017 at 11:25 am #886773
    Victoria

    Hi Ryan,

    Here is a thread for you to consider

    Current Menu Item in Full Width Sub Menu

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

    December 9, 2017 at 3:21 pm #886852
    WP Turned UP

    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.

    December 9, 2017 at 3:45 pm #886857
    Mike

    Hi,
    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,
    Mike

    December 9, 2017 at 3:48 pm #886862
    WP Turned UP

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

    December 9, 2017 at 4:17 pm #886881
    WP Turned UP

    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.

    December 9, 2017 at 5:31 pm #886912
    Mike

    Hi,
    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,
    Mike

    December 9, 2017 at 5:36 pm #886914
    WP Turned UP

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

    Enfold CSS Snippets

    December 9, 2017 at 7:28 pm #886949
    Mike

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

    Best regards,
    Mike

    December 9, 2017 at 7:30 pm #886950
    WP Turned UP

    All set and I updated my link. : )

    December 9, 2017 at 8:44 pm #886968
    Mike

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

    Best regards,
    Mike

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