Menu not usable on the single product page

btmedia

On the single product page I am unable to click on submenu items when the menu is over the main product image (zoom is enabled). The menu disappear and image zoom image is active instead.

e.g. When I want to click on "BOTAS" the menu disappear!!!

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.

It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

btmedia

Hi,

here the link to the page: https://vivacalzados.com/product/5062khaki/

and the screenshot: https://snipboard.io/mJQMFV.jpg

Thank you

Phil

Please, try to add some height to your header or subheader because the content of the single product is to close to the menu.

You can change these values in Betheme -> Theme options -> Header & Subheader

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

btmedia

Hi,

The solution above doesn't solve the problem. I have increased the padding-bottom by 25px and the first sumbenu item is now clickable.. but not the rest. Increasing the padding more, results in too much vertical space.

Instead I have modify the z-index as you can see in the screenshot. and it works perfectly.

https://snipboard.io/UACGr0.jpg

Where I should modify the z-index value to have this solution as final one?

Thank you

Phil

Please, put the following Custom CSS Code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

#menu li ul.sub-menu{
 z-index: 1500!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

btmedia

Problem solved! Thank you :)