All menu items are highlighted

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

    (@malihu)

    10 years, 2 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, 2 months ago

    Thanks!

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

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