SITE MESSED UP - White space on mobile at right side of the homepage but on desktop it looks perfect

[JMS12]

Dear, 

It was already solved a couple of times but all the solutions are not working anymore. Maybe a new update? 
On desktop, the homepage looks great, but on mobile, there is a giant white space next to the website. Please see the screenshot, 

to check it out: https://thekofflabel.myshopify.com/ 

password is: jasper

How can I resolve this? Thank you!

[diego_ezfy · Accepted solution]

Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > timber.scss.liquid and paste this at the bottom of the file:

@media (max-width: 580px){
    body, html{
    overflow-x: hidden;
}
}

Please let me know whether it works.

Kind regards,
Diego

[JMS12]

Thank you Diego! 
It works, have been searching for a whole week. 

I wish you a lovely day.

[diego_ezfy]

@JMS12 

I'm glad to hear that!

Next time feel free to contact me personally, I'll be happy to help.

Kind regards,
Diego

[mohitberry84]

It worked like a charm. Thanks @diego_ezfy 

[timbradf1eld]

Hi,

I have the same issue on my (pipeline theme) site, however, there is no timber.scss.liquid page. Where should I paste the code that you mentioned above?

Thanks!

[timbradf1eld]

Hi @diego_ezfy 

I have the same issue on my (pipeline theme) site, however, there is no timber.scss.liquid page. Where should I paste the code that you mentioned above?

Thanks!

[goudacheese]

at the bottom of theme.css

[Dorian21]

It worked for me too. For Dawn theme, have to paste the code at the bottom of base.css. Thank you

[princessalice]

Worked perfectly!!! Thank you so much!

[jaxandmollys]

Hi Diego 🙂 Pasted this in my theme.css.liquid file and it worked perfectly. Thank you so much! (For me, it was only occurring in the mobile version Brave browser.) 

[Kein_Talent]

This works, but then the sticky header in the Dawn theme is deactivated in the mobile view. Do you have a code that does not deactivate the sticky header?

[MRamzan]

I have solved here. You can copy and paste this code by following the video tutorial:

<style> 
    html,body {
        opacity: 1 !important;
    }
</style>