Menu press(active) bug

Sparkling
1

When you hover over the menu all visual effects is correct. But if you press on a menu item, than the subitems will stay locket at the same place. Please have a look at the demo page “About”.

I like to know if there is a way to only view the hover option with the desktop version. And only view the press(active) version with the mobile version.

@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

This peace of code will not trigger when you look on the mobile version. You still have to press the main menu item.

2

Not a fix, but moved to the responsive menu plugin. Could not find a fix for this.

3

Nevermind. Stil need to get this fixed. If gives me a big problem because i use other style colors for the menu.

4

some one already found a fix for this?

5

Hi @taro,

I hope you are well today and thank you for your patience here.

When you hover over the menu all visual effects is correct. But if you press on a menu item, than the subitems will stay locket at the same place. Please have a look at the demo page “About”

This is the default behavior of Bootstrap framework that we have used in our theme. You can confirm it on the following Bootstrap framework nav menu demo page.

http://getbootstrap.com/examples/navbar/

I like to know if there is a way to only view the hover option with the desktop version. And only view the press(active) version with the mobile version.

You can try using the following CSS code.

  @media all and (min-width: 767px) {
  .menu-item-has-children:hover > ul {
  display: block;
}
}

If you want to make the top level menu link visited on clicking on it then you can use the solution posted in the following reply.

https://colorlibsupport.com/t/correct-menu-structure/page/2/#post-29846

Best Regards,
Movin