Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 4, 2017 at 12:16 am #787482
    yingyang

    Hi,

    Currently when mouse hover the secondary menu, an underline is displayed.

    How can we make the underline show only after the submenu page is loaded and not on mouse hover

    Lastly, how can i show an underline for the main menu link when the page is active only?

    • This topic was modified 7 years, 7 months ago by yingyang.
    May 4, 2017 at 6:18 am #787596
    Sarah

    Hey kilimats,

    Yes, we can do all that. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    
.sub_menu>ul>li>a:hover {
   text-decoration:none!important;
}
.main_menu ul:first-child>li.current-menu-item>a,
.sub_menu>ul>li.current-menu-item>a {
   text-decoration:underline;
}

    Best regards,
    Sarah

    May 4, 2017 at 6:41 am #787605
    yingyang

    That worked but looks like i didnt explain myself clearly

    by underline i meant the RED line pictured below that is a bit lower than the regular font underline like pictured below, how can i display that when the page is active for the sub menu and main menu?

    May 4, 2017 at 7:50 am #787624
    Sarah

    Hi!

    I see. Sorry about that. 

    First, please use this code instead of the one I gave you previously:

    .sub_menu>ul>li>a:hover {
   text-decoration:none!important;
}
.sub_menu>ul>li.current-menu-item>a {
   text-decoration:underline;
}

    That solves only your submenu request.

    Then, for the main menu, you can go to Enfold > Header. For the Header Style, choose “Default (with borders, active menu indicator and slightly transparent)”.

    If you need help customizing it further, please let us know.

    Best regards,
    Sarah

    May 4, 2017 at 9:01 am #787648
    yingyang

    That did the trick ! i would like to tweak one more thing to make it perfect, we’ve added the CSS code below to add a white backgroud for the LOGIN menu. It works fine until the LOGIN page is loaded, how can we retain the white background even when the page is active?

    May 4, 2017 at 1:08 pm #787784
    Victoria

    Hi kilimats,

    I am seeing the white background for the login link even on login page. Did you get it working or you need more help with this?

    Best regards,
    Victoria

    May 4, 2017 at 5:57 pm #787975
    yingyang

    beauty, you right, looks like cloudflare caching issue, i purged and all is well thanks

    thanks guys ! everything is well now

    May 4, 2017 at 6:18 pm #787989
    Sarah

    Glad we could help!

    Please take a moment to review our theme if you haven’t already https://themeforest.net/downloads

    To know more about Enfold features please check – http://kriesi.at/documentation/enfold/

    Thank you for using Enfold :)

    Cheers!
    Sarah

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Secondary menu underline fix’ is closed to new replies.