Hi there, I’m wanting image with text section to be full width of the page, but just cannot get this to work.
Here’s link to the site preview; https://fhbltx0me6nabxuj-25148981297.shopifypreview.com (underneath the 3 circle images)
Topic summary
A user working with Shopify’s Studio theme wanted to make an image-with-text section span the full width of the page but couldn’t achieve this initially.
Solution provided:
- The issue was caused by CSS media queries that add 5em padding on left and right when browser width exceeds 750px
- Modifying this CSS style resolved the full-width problem
Follow-up issue:
After implementing the fix, a pink border appeared on either side when swiping on screen. The original poster resolved this secondary issue independently.
Status: Resolved. The user successfully achieved full-width layout and fixed the subsequent border issue.
When the browser width is greater than 750px, the media query style below is activated, which sets a padding-left and padding-right of 5em each. This is causing the problem. You can change the css style to fix this.
Yayyy! Thank you. Worked 
Do you know why now when you slightly swipe on the screen it shows a pink border on either side? Thanks so much
I’ve tried but I didn’t see the pink border you mentioned.
Could you maybe share a screenshot with me?
I think I fixed it, thanks anyway! Really appreciate your help