Sticky on responsive and highlighting

  • Resolved blindtexth

    (@blindtexth)


    4 years, 1 month ago

    Hi,
    I am using Sticky Menu to keep the menu below the header on top when scrolling.

    To have the responsive menu working, I activated the legacy mode. This works fine … unfortunately it stops highlighting the menu items on scroll. Switching on/off the Dynamic Mode makes no difference.

    Either I have a functioning menu in responsive mode or I have menu items highlighted during scroll. Is there a workaround to have both?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter blindtexth

    (@blindtexth)

    4 years, 1 month ago

    I understood now, that the sticky menu is a clone of the original … now, can I add something to the CSS, I created for the highlights, to make it work for the clone?

    .nav-primary li.current_page_item a._mPS2id-h, .menu-primary li.current-menu-item a._mPS2id-h{
    color: #fff;
}

.nav-primary li a:hover._mPS2id-h {
  color: var(--col03);
}

.nav-primary li.current_page_item a._mPS2id-h.mPS2id-highlight-first, .menu-primary li.current-menu-item a._mPS2id-h.mPS2id-highlight-first{
    color: var(--col03);
}
    Plugin Author WebFactory

    (@webfactory)

    4 years, 1 month ago

    Hi,
    Unfortunately, the free version does not have support for adding custom CSS. The only way to do it would be to write the rules in some other CSS file and make sure they target the cloned menu instance.

    Thread Starter blindtexth

    (@blindtexth)

    4 years, 1 month ago

    Hey, thank you for your response … now I need to find the cloned menu instance.

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

The topic ‘Sticky on responsive and highlighting’ is closed to new replies.