All things Shopify and commerce
Why is there a white gap at side of store on desktop?
Please share your store URL and password. So that I will check and let you know the exact solution here.
Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.
Hi @mitchellandwebb
It looks like it is border custom footer, to remove it, you can put below css in theme.liquid before </body> closing tag
<style>
.custom-footer {
border: none;
}
</style>
Thanks!
Hello @mitchellandwebb
1 Go to Online Store > Themes > Edit Code.
2 Open base.css (or theme.css in some versions).
3 Scroll to the bottom and paste the CSS above.
4 Save and refresh your store.
html, body {
overflow-x: hidden !important;
}
.page-width, .shopify-section {
max-width: 100vw !important;
overflow: hidden;
}
.footer {
width: 100%;
max-width: 100vw;
overflow: hidden;
}
* {
box-sizing: border-box;
}
Thhankyou
Hi @mitchellandwebb, thanks for reaching out.
Regarding your issue, could you kindly confirm which specific URL on your store has the white gap issue? I checked but couldn’t find it, thanks for your cooperation in this matter.
Liz
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025