Shopify themes, liquid, logos, and UX
See, I need to make slideshow dots clickable, and I have managed to. But I can only make it clickable with z-index. And the min z-index to make it clickable is 3. So I need a way to keep it clickable and not let it overflow on the header. So that is why I need to increase the z-index of the header. Hope you understand now.
This is what it looks like because of it
Thanks
Solved! Go to the solution
This is an accepted solution.
Add this code in your base.css:
section#shopify-section-template--15651735601240__75743119-5a88-4893-a94f-b8ec72fe682e {
position: relative !important;
z-index: 1;
}
Result:
This is an accepted solution.
Add !important to z-index: 1;
z-index: 1 !important;
This is an accepted solution.
Add this code in your base.css:
section#shopify-section-template--15651735601240__75743119-5a88-4893-a94f-b8ec72fe682e {
position: relative !important;
z-index: 1;
}
Result:
Unfortunately it did not work😔 Do you want access to my store? What is your gmail
This is an accepted solution.
Add !important to z-index: 1;
z-index: 1 !important;
THANK YOU SO MUCH!
YOU ARE GOATED🐐
Try setting implicit z-index on the element which contains all page sections:
main#MainContent {
z-index: 1;
}
nvm, the goat @Spac-es solved it. though thanks for your help. appreciate it g
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025