FROM CACHE - en_header

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

Solved
JMS12
New Member
3 0 1

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)

Accepted Solutions
diego_ezfy
Shopify Partner
2799 528 729

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 6 (6)
diego_ezfy
Shopify Partner
2799 528 729

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
New Member
3 0 1

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

I wish you a lovely day.

diego_ezfy
Shopify Partner
2799 528 729
mohitberry84
New Member
1 0 0
timbradf1eld
New Member
2 0 2

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
New Member
2 0 2

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!