Hey, how do i fix this problem? I tried multiple codes i found on here, none of them worked. (taste theme)
https://6ec26c-7f.myshopify.com
I want it to look like this
Topic summary
A user encountered an issue with their Shopify store’s banner displaying too wide on mobile devices, causing horizontal overflow. They were using the Taste theme and had unsuccessfully tried multiple CSS solutions found elsewhere.
Solution provided:
- Insert custom CSS code in the
theme.liquidfile, above the</head>tag - The CSS targets
.shopify-sectionelements to setmax-width: 100%andoverflow-x: hidden
Initial attempt:
The first CSS snippet caused the banner to disappear entirely on mobile.
Final resolution:
A revised CSS code was provided that successfully fixed the width issue without removing the banner. The user confirmed it worked and thanked the helper.
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above
Result on mobile:
If it helps you, please like and mark it as the solution.
Best Regards 
@TvojTatkovSyn , I think you make some changes in your theme, please replace the previous code by this one
1 Like
It worked!! Thanks a lot
1 Like
Glad to help you!
1 Like