Close

Nop's flyout category menu breaks at Featured Products on home page

af1racing
4 years ago
#21083 Quote
Avatar
  • 3


https://nopstaging.af1racing.com/

not your  Mega Menu, just the stock Nop flyout Category menu.  Once you mouse down to the Featured Products tab on the Home Page the menu will break as soon as the mouse is over a product.  

I figured it was conflicting mouse/hover events but I don't see any event associated with .product-item so I am at a loss of where to look.  

I can prevent the menu from extending that far in CSS, but I'd rather know the reason if you can help me figure it out.

  

hristo
4 years ago
#21085 Quote
Avatar
  • Moderator
  • 172
Hello.

Please provide us with a link to the site where the problem is present.
Regards,
Hristo Gospodinov
Nop-Templates.com
hristo
4 years ago
#21089 Quote
Avatar
  • Moderator
  • 172


Ok, I checked on your website.
You can try to add this code (put it either into the main css file, or into the custom head styles panel in your theme administration):

.item-box {
  z-index: 0;
}

This should fix your current issue but it may (or may not) trigger some other problem. You have to test it throughout the entire site.
Regards,
Hristo Gospodinov
Nop-Templates.com
af1racing
4 years ago
#21091 Quote
Avatar
  • 3
Works perfect, thank you!  I really need to learn CSS better.