Possible to disable ‘clicked link’ styling/functionality?

  • Resolved thesalvadordaliofwebsites

    (@thesalvadordaliofwebsites)


    4 years, 8 months ago

    Hej Malihu,

    It seems you offer quite helpful suggestions to your users here – very nice – so I wanted to ask you a question:

    Is it possible to disable the ‘clicked on’ styling of a menu item?

    Use case: short single-page scrolling web site with highlighting of menu item currently in viewport. The menu becomes mostly a sort of progress bar / index of the site and the ‘clicked on’ state can appear mostly confusing in this use case.

    Is there a way to disable ‘clicked on’ styling without having to overwrite with custom CSS?

    Your pointers are much appreciated,
    TheSalvadorDaliOfWebsites

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author malihu

    (@malihu)

    Hello,

    I can’t see your page (it’s under maintenance).

    The plugin does not style the clicked link, unless you manually add the CSS.

    Maybe the styling you see on the clicked link comes from your theme, but I can’t really say unless I see your page.

    Check if your theme applies a :focus css rule on the menu links. If it does, just overwrite the rule (I’d be able to help with the exact css if I could see what happens).

    Thread Starter thesalvadordaliofwebsites

    (@thesalvadordaliofwebsites)

    Hej Malihu,
    Site will be online in a few days – would be sweet if you could have a look at it then. I’ll check out your pointers to it being theme functionality perhaps.

    Thanks!

    Thread Starter thesalvadordaliofwebsites

    (@thesalvadordaliofwebsites)

    I’m checking back here to post the solution I found in case anyone else is using this combination of GeneratePress theme and Malihus ‘Page scroll to id’ plug-in.

    Malihu is right in above post. It is theme functionality. GeneratePress support was kind enough to provide me with this code snippet which solved the issue. The code snippets is to be applied in Appearance > Customize > Additional CSS (unless you have installed a custom CSS plugin in WP)

    .main-navigation .main-nav ul li a.mPS2id-highlight {
    background: #81EA8F;
    color: #331515;
}

    Support thread from GeneratePress forum:
    https://generatepress.com/forums/topic/disable-background-hover-on-primary-navigation/#post-1198282

    Happy website building everyone and thanks for a great plugin, Malihu. Donation sent in appreciation of your plug-in and support.

    Thread Starter thesalvadordaliofwebsites

    (@thesalvadordaliofwebsites)

    Marking as resolved.

    Plugin Author malihu

    (@malihu)

    @thesalvadordaliofwebsites Thanks a lot for posting the solution and for the donation ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Possible to disable ‘clicked link’ styling/functionality?’ is closed to new replies.