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
2935 562 883

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

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

View solution in original post

Replies 9 (9)

diego_ezfy
Shopify Partner
2935 562 883

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

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

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
2935 562 883

@JMS12 

I'm glad to hear that!

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

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

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!