Mega menu Z-index does not do the intended

1bigboss · October 2016

Link to the website megamenu: www.dubai-store.me

As evident from the website megamenu, the z-index does not seem to work. Could you help me with fixing the problem with the megamenu. I need the megamenu dropdown to overflow.

Thanks

Albert · October 2016

Hi,

please show us on the screenshot what exactly does not work. On our end, we didn't noticed anything wrong with the mega menu.

1bigboss · October 2016

The dropdown megamenu on the mentioned link does not overflow as the z-index does not work.

Albert · October 2016

Sorry but above image does not work. To send us working image, please use http://pasteboard.co/

1bigboss · October 2016

Here is the link:

http://pasteboard.co/erX26nQgK.jpg

Albert · October 2016

But how can we re-create this issue? Because we tried to re-create it but didn't found anything like on your screenshot.

1bigboss · October 2016

Dear Team,

Along with the screenshot I sent, access the website on www.dubai-store.me and navigate to the respective page by clicking the Shop All mega menu link and on that page when mega menu is hovered over (Phone Accessories link) the z-index does not work.

Albert · October 2016

Ok, got it now. So from what we see, WooCommerce Product Filters plugin overwrites theme styles. And to change this z-index, you need to decrease z-index for filter that came with this plugin:

.woocommerce-ordering { z-index: 1 !important; }

1bigboss · October 2016

Thank you team. Fixed the issue.

I would like to know other than the theme documentation that is included with the theme pack, which theme file contains this theme's styles. Need to study the theme styles to avoid such problems.

Albert · October 2016

Like we told you above, this style is overwritten by plugin what means it's under plugin's folder. The whole path to this file is http://www.dubai-store.me/wp-content/plugins/woocommerce-products-filter/css/front.css?ver=4.6.1

Mega menu Z-index does not do the intended

Comments