All menu items are highlighted

  • Marloesv

    (@marloesv)


    10 years, 3 months ago

    Hi,

    I saw that this is a common problem, but I can’t solve it on my own.
    All the menu items are highlighted. I want only the item highlighted when clicked and scrolled to that position.
    I tried to find the right code to change the CSS with: a:not(._mPS2id-h), but I don’t which one I have to pick, nothing seem to work. Can you help me?

    The website: http://demo.visionart-online.nl/
    The theme is The Moon from Pixflow

    Thanks!

    Kind regards,
    Marloes

    https://ww.wp.xz.cn/plugins/page-scroll-to-id/

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

    (@malihu)

    10 years, 3 months ago

    Hi,

    Your links are highlighted by your theme (not by the plugin) and it happens because the links are considered same-page items. The selector in your theme’s stylesheet which highlights them is: 

    header .navigation > ul > li .spanHover

    You can remove the highlighting for same-page custom links by adding the following: 

    header .navigation > ul > li.menu-item-type-custom.current_page_item .spanHover{
    width: 0;
}

    You can highlight ‘Page scroll to id’ clicked links by using the mPS2id-clicked class (.mPS2id-clicked selector) in your CSS. For example: 

    header .navigation > ul > li.menu-item-type-custom .mPS2id-clicked span{
    color: #b00c3a;
}

    Unfortunately because of the way your theme works, you cannot show the red line below the link text via CSS. This is because the line is a span tag placed before the actual link element (there’s no previous sibling in CSS).

    Thread Starter Marloesv

    (@marloesv)

    10 years, 3 months ago

    Thanks!

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

The topic ‘All menu items are highlighted’ is closed to new replies.