Store Mobile View is moving right to the blank spaces.

[IntechCarl]

Hi everyone,

I have been customizing my store and successfully added some new contents to it, but when I checked my store using mobile device, it moves to right that shows blank space. Does anyone knows what is the problem and the possible fix?

Store URL:thecleanroom.net

[theycallmemakka · Accepted solution]

Hi @IntechCarl ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
@media only screen and (max-width: 600px) {
div#shopify-section-template--15232672497707__4386551a-9114-49d8-ac5f-a899d5f024d1 {
    overflow: hidden;
    width: 100dvw!important;
    padding: 0px;
    box-sizing: border-box;
}

.section-sections--15232672956459__footer-padding {
    max-width: 100dvw;
    overflow: hidden;
}
}
</style>

 Result:

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[momsabhiruchi]

will  this code work for dawn 15.1.0 

[theycallmemakka]

Hi @momsabhiruchi ,

Depends on the theme ucstomization. You can try adding that on the site and let me know if that doesnot fix it. Also provide me with the store URL so that i can provide you custom code.

Thank you