how to fix overlaps header

niceeee
Shopify Partner
298 4 22

niceeee_0-1714195129183.png

url: makerlab-electronics.com

 

as you can see I can't see the filter upper one

 

Reply 1 (1)

ThePrimeWeb
Shopify Partner
2064 595 466

Hey @niceeee,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.disclosure-has-popup[open] > summary + facet-filters-form {
    z-index: 9999 !important;
}

.mobile-facets__close {
    z-index: 10000 !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1714197206887.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!