Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I am currently facing an issue with the width of my shopify store on mobile specifically. There's no issue on desktop, but when I open my store on a mobile device, the width seems to be incorrect as I'm able to scroll to the right and see negative space. My store name is Vibesdominicana.com
Solved! Go to the solution
This is an accepted solution.
Works fine
Hello @Luis809 ,
Follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your base.css file and paste the following code at the bottom:
html {
overflow-x: hidden;
}
If problem solved don't forget to Like it and Mark it as Solution!
And if you need help with customization/code part you can contact me for services
You can find the email in the signature below.
Thanks
Hello, thanks i attempted but on the mobile app it still looks the same the add to cart and buy now options are overflowing to the right
Please remove previous css and use this one
@media screen and (max-width: 500px) {
.collection .quick-add.no-js-hidden {
margin: 0 !important;
}
}
If problem solved don't forget to Like it and Mark it as Solution!
And if you need help with customization/code part you can contact me for services
You can find the email in the signature below.
Thanks
i removed previous and added this one in the bottom , however i still have same issue. i hit 3 dots and edit cod and in base.css and copied what you provided but still not showing evenly in page and both cart and buy now overflowing
This is an accepted solution.
Works fine
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn 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, 2025