mobile menu entries should not change color and be underlined when clicked

  • Resolved webmark487

    (@webmark487)


    1 year, 8 months ago

    Hi!

    The mobile menu entries should not change color and be underlined when clicked, how can I achieve that?

    Best regards and thank you!
    Markus

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • mara3

    (@mara3)

    1 year, 8 months ago

    Hey @webmark487,
    In order to remove the decoration and color for the menu items, you can use this CSS code which you can add in the Additional CSS tab:

    @media only screen and (max-width: 768px) {
        .has-nav a {
            text-decoration: none !important;
            color: inherit !important;
        }
        .has-nav a:hover {
            text-decoration: none !important;
            color: inherit !important;
        }
    }

    Hope this helps you!
    Kind regards,
    Mara

    Thread Starter webmark487

    (@webmark487)

    1 year, 8 months ago

    color works, text-decoration does not work (as the line under the link is not a text-decoration)

    mara3

    (@mara3)

    1 year, 8 months ago

    Hey @webmark487,

    Thank you for your quick response!

    Sorry for this oversight! That under line can be changed by going in the Customizer -> Header -> Change Menu, there select the wanted Hover Skin Mode, or disable it by selecting the first option.

    View post on imgur.com

    Hope this helps you achieve the design you want!

    Kind regards,

    Mara

    Thread Starter webmark487

    (@webmark487)

    1 year, 8 months ago

    thank you, only, I need the underline for desktop view. I need to get rid of it in mobile view.


    the underline effect comes from:

    .m-style>ul>li>.wrap::after{
    background-color:var(--hovercolor,var(--nv-primary-accent,currentColor));
}

    so I use this now:

    @media (max-width: 768px) {
    .m-style>ul>li>.wrap::after{
    background:none;
    }
    }

    • This reply was modified 1 year, 8 months ago by webmark487.
    mara3

    (@mara3)

    1 year, 8 months ago

    Hey there!

    Great! We’re glad to hear that the problem has been resolved. However, we strongly advise against making changes to the theme, as this can lead to future inconsistencies and compatibility issues.

    Best regards,

    Mara

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘mobile menu entries should not change color and be underlined when clicked’ is closed to new replies.