Hi looking for help to troubleshoot the drop down menu bar is glitchy and often gets stuck backwards behind the header on pages. Below are a few screenshots on instances where the dropdown bar is stuck behind the header after I click onto a product landing page from that menu. Is this issue common?
Is there a code to help the dropdown menu always appear as position forward on all pages.
I’d like to check but the store is locked, can you provide the password?
HI there i just published my site so there is no longer a password.
However, I still need to troubleshoot this issue. Thank you for your help
in advance and thank you for responding!
There is a bug in your theme where the z-index if forced to 0, for this reason the menu goes under the image.
.site-header__mobile-nav {
z-index: 0 !important;
}
@drakedev what do i do to fix the bug?
my site header is showing z index at 11. Should it be zero? can you please explain the steps to fix the bug. Thank you very much!!!
You need to remove the line
.site-header__mobile-nav {
z-index: 0 !important;
}
This line is inside the theme.liquid file before the head close
There is a big block of minified CSS, but I am not sure if it is part of the theme, you have modified it, or if there is an app that is injecting that.
@drakedev I’m not able to find that line
.site-header__mobile-nav {
z-index: 0 !important;
}
I click on
Layout> theme.liquid> line 62 has .site-header_mobile-nav z-index: 11
What line is this bug on that you see?
Thank you for your patience and responses!!!
Sorry, but I am not able to tell you the line because theme.liquid is rendered differently when Shopify serve a page to the browser.
If you don’t see it in theme.liquid could be that this code is added by an app that you have installed in Shopify. Honestly is difficult to help more for me, without dive into the store backend.