Support Center Visit Demo License manager Buy @ envato

when hover underline in submenu, also when active change color and underline

AstrophytumAstrophytum
in Menu / Mega menu

Hello,


please see tis website:

This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.

Pilzschule-Vogtland - Herzlich Willkommen auf unserer Webseite!

https://pilzschule-vogtland.de/
Die Pilzschule für den Großraum Sachen und Thüringen. Pilz-Wanderungen, Pilz-Exkursionen, Kurse, Seminare, PSV-Prüfungsvorbereitung


In the submenu under "Leistungen" I will have the font underline when hover.

I try this CSS, buts not working:

 #Top_bar .menu > li ul li a:hover, #Top_bar .menu > li ul li.hover > a { text-decoration: underline !important; }


Next:

When the link in submenu is active, I will change the color and font underline.

You can help with some CSS? :)


Kind Regards,

Steffen

Comments

  • PhilPhil

    Hi,

    Please try the following CSS code:

    1. @media only screen and (min-width: 1240px) {
    2.  .menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li.submenu:hover > a:not(.menu-toggle)::before,
    3.  .menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li.submenu.current-menu-ancestor > a:not(.menu-toggle)::before{
    4.    content: "";
    5.    display: block;
    6.    position: absolute;
    7.    height: 1px;
    8.    left: 10%;
    9.    top: 50%;
    10.    margin-top: 20px;
    11.    width: 80%;
    12.    background: #921a11;
    13.  }
    14. }

    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • AstrophytumAstrophytum

    Hello,

    thank you very much for fast helping.


    Kind Regards,

    Steffen

Sign In or Register to comment.