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

Solved

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

JMS12
Visitor
3 0 2

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!

prob.png

Accepted Solution (1)

diego_ezfy
Shopify Partner
2967 571 901

This is an 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

View solution in original post

Replies 10 (10)

diego_ezfy
Shopify Partner
2967 571 901

This is an 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
Visitor
3 0 2

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

I wish you a lovely day.

diego_ezfy
Shopify Partner
2967 571 901

@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
Visitor
1 0 0

It worked like a charm. Thanks @diego_ezfy 

timbradf1eld
Visitor
2 0 3

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
Visitor
2 0 3

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
Tourist
10 1 2

at the bottom of theme.css

Dorian21
Tourist
4 0 1

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

princessalice
Tourist
4 0 0

Worked perfectly!!! Thank you so much!

MRamzan
Shopify Partner
183 3 26

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

 

 

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

 

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112