Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 9, 2016 at 9:32 am #722349
    pimroll

    Hello,

    I had a fullwidth submenu and Yigit gave me a code for that:

    #top .av-subnav-menu li:hover .avia-menu-fx {
    opacity: 1;
    visibility: visible;
    }

    But can you give me a code, which works in the sidebar menu and gives the menu same hover effect.

    http://imgur.com/a/3KA6i

    December 12, 2016 at 7:43 am #722985
    Ismael

    Hey pimroll!

    Thank you for using Enfold.

    Please try this in the Quick CSS field.

    #top .widget_nav_menu li:hover a:before {
    content: '';
    height: 2px;
    width: 100%;
    background: blue;
    display: block;
    right: -50px;
    position: relative;
    position: absolute;
    bottom: 0;
}

    Adjust the values as needed.

    Cheers!
    Ismael

    December 13, 2016 at 7:27 am #723565
    pimroll

    Hello Ismael,

    Thanks, it works:)

    December 14, 2016 at 6:08 am #724103
    Rikard

    Hi,

    Great, glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to add hover line under the left sidebar menu item?’ is closed to new replies.