Hello I have a image banner I want to have another section over the top of it its called “SS-Product Ingredients #2” All I want to do is to place that over my image banner! Please help.
Topic summary
A user wants to overlay one section (“SS-Product Ingredients #2”) on top of an image banner section in their Shopify store.
Solution Provided:
- Add custom CSS code to the
theme.liquidfile, placed above the</body>tag - The CSS targets specific section IDs to adjust positioning and z-index values
- This creates the desired overlay effect
Current Status:
The solution works for one page, but the user now needs help applying it across all pages containing these two sections. The discussion remains open with an unanswered follow-up question about site-wide implementation.
1 Like
Hey @Haden_1
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello, this worked for this page – how can I make it so its applied for all my pages that have these 2 sections?
@Moeed please see above