category flyout popping under product

For general questions and discussions specific to the AbleCommerce GOLD ASP.Net shopping cart software.
Post Reply
Chris Hadden
Commander (CMDR)
Commander (CMDR)
Posts: 182
Joined: Tue Jan 27, 2009 2:29 pm

category flyout popping under product

Post by Chris Hadden » Tue Sep 06, 2016 7:07 am

I just noticed this issue, seems I would have seen it before so I am not sure how long it has been present. The flyout sub categories are buried under the product image. I tried it on firefox and edge with same results. see image. what is the reason for this?

User avatar
mazhar
Master Yoda
Master Yoda
Posts: 5084
Joined: Wed Jul 09, 2008 8:21 am
Contact:

Re: category flyout popping under product

Post by mazhar » Wed Sep 07, 2016 12:49 am

It seems like you need to set the z-index for menu in stylesheet. Try adding following to your style.css file under theme folder.

Code: Select all

.categoryMenu ul.ui-menu {
    z-index:1;
}
Save the stylesheet and finally to a hard refresh in your browser using CTRL + F5. This will ensure a cache refresh of stylesheet file.

cdgaefke
Ensign (ENS)
Ensign (ENS)
Posts: 4
Joined: Wed Aug 08, 2018 2:14 am

Re: category flyout popping under product

Post by cdgaefke » Wed Aug 08, 2018 3:57 am

Hello, I'm observing the same behavior with the out of box demo of goldR12 build 9168.

The above css fix didn't work for me. It appears the theme we're using is using a very old version of jQuery (1.10.3), which is generating the menu.

To fix it, I had to add the z-index:1 line to jquery.ui.menu.css in the first section (.ui-menu).

Thanks!

Post Reply