Mobile view Overlapping issue

[Luis809]

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

[Guleria]

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

[Luis809]

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

[Guleria]

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

[Luis809]

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   

[Guleria · Accepted solution]

Works fine