I’m using Avone theme on Shopify. When set to ‘default’ width, all of the pages get cut off from both sides left and right. seems to expand the whole mobile view.
Applies to footer, and the whole body. Can’t see how to fix this.
Please help.
Topic summary
A user reports that their Shopify store using the Avone theme displays incorrectly on mobile devices when set to ‘default’ width. The entire page—including footer and body—appears cut off on both left and right sides, extending beyond the viewport.
Current Status:
- One respondent indicates the site appears fine on their end, requesting more details
- Another user provides a specific solution with visual reference
Proposed Solution:
- Locate the footer section’s CSS for mobile view
- Remove left and right padding from the footer element
- A demonstration link showing the corrected result has been provided
The issue appears to be a CSS padding problem affecting mobile responsiveness. The discussion remains open pending confirmation from the original poster whether the suggested fix resolves the issue.
Hi @Hey_Chips ,
I checked and it is showing fine, can you describe the error in more detail?
Locate the CSS for the footer section in mobile view. Remove the left and right padding as shown in the image below.
You can view the result here : https://shop-booster.sgt-lab.com/snippet/hey-chips?snippetId=1743567761914