Current Menu Item

  • Hi,

    1: The “Contact” button is highlighted when I only want it highlighted after it scrolls down to the Contact form at the bottom of the page. How do I get it to highlight after and when it scrolls down to the contact form at the bottom of the page?

    2: Also the “Contact Us” button does not trigger the smooth scroll action, it just jumps to the bottom of the page. It’s a “Visual Composer” “Advanced Button”

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

Viewing 1 replies (of 1 total)
  • Plugin Author malihu

    (@malihu)

    Hi,

    1.The contact button is highlighted by the mega menu stylesheet (not by “Page scroll to id”). You’ll need to overwrite your mega menu CSS rules. You can add something like the following to your theme’s additional/custom CSS: 

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link._mPS2id-h{
    color: #fff5bf;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link._mPS2id-h:hover, 
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link.mPS2id-highlight{
    color: #ffd700;
}

    The above should do what you need.

    2.You need to enable “Page scroll to id” on your custom composer button(s). The easiest way to enable “Page scroll to id” on all such button links is to change plugin’s selector (see tutorial).

Viewing 1 replies (of 1 total)
  • The topic ‘Current Menu Item’ is closed to new replies.