category flyout popping under product
-
- Commander (CMDR)
- Posts: 182
- Joined: Tue Jan 27, 2009 2:29 pm
category flyout popping under product
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?
Re: category flyout popping under product
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.
Save the stylesheet and finally to a hard refresh in your browser using CTRL + F5. This will ensure a cache refresh of stylesheet file.
Code: Select all
.categoryMenu ul.ui-menu {
z-index:1;
}
Re: category flyout popping under product
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!
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!