I need help with this section, as seen in the image the before and ater overlaps the header also the arrows in the middle. I need help fixing it so it doesnt overlap
Topic summary
A user is experiencing a layout issue where section elements are overlapping the header. Specifically, “before and after” text and middle arrows are appearing on top of the header area instead of staying within their designated section boundaries.
The problem is visible in an attached screenshot showing the overlap.
This appears to be a CSS positioning or z-index issue common in Shopify theme customizations. The discussion remains open with no solutions provided yet.
Do you mind sharing your store url and collaborator code so I can come in and aid you out on it. It’ll require some coding to get it done.
Honeslty i just need someone to inspect it cause i had a similar issue in the past but its was for a banner so i just need a code to put into base.cc. but its only visible on mobile
acctually its all good now i sorted it out. I worked out the code 
hey, sorry for asking which theme are you using for the customization of store?
Its called sole Theme. Its a paid one. If you want good suggestions i can recommend you some affordable ones
1 Like