Shopify themes, liquid, logos, and UX
Hello,
I am currently trying to overlay an image in a Multicolumn section over my footer. I have tried playing around with the z-index but no luck.
Website is:
https://g7km28gklmt4f0d0-57991692463.shopifypreview.com
I am trying to overlay this purple image over the top of the peach coloured wave.
Any assistance would be greatly appreciated 🥰
Solved! Go to the solution
This is an accepted solution.
Hey @BellesandBells
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
section#shopify-section-template--17922527199407__multicolumn_B84YWb .page-width.section-template--17922527199407__multicolumn_B84YWb-padding.isolate.scroll-trigger.animate--slide-in {
z-index: 999 !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @BellesandBells
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
section#shopify-section-template--17922527199407__multicolumn_B84YWb .page-width.section-template--17922527199407__multicolumn_B84YWb-padding.isolate.scroll-trigger.animate--slide-in {
z-index: 999 !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
That worked perfectly, thank you.
I now just need to adjust the z-index so that it doesn't show on top of the header when scrolled down. Are you able to advise what number I can set to?
Thanks so much!
Try setting the value to 9 or 10, this would work too.
Best Regards,
Moeed
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn 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, 2025