Page 1 of 1
category flyout popping under product
Posted: Tue Sep 06, 2016 7:07 am
by Chris Hadden
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
Posted: Wed Sep 07, 2016 12:49 am
by mazhar
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.
Re: category flyout popping under product
Posted: Wed Aug 08, 2018 3:57 am
by cdgaefke
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!