How to fix white space on the right side of mobile (Craft Theme 3.0)

Hi! When on desktop, everything seems alright. But when you switch to mobile, there is unwanted white space on the right side of the screen. How can I fix this as it only appears in the home page in mobile?

  • Theme: Craft 3.0.0
  • Website: iconickoreaofficial.com
  • I highly appreciate your time and attention, hope someone can help me with my website :growing_heart:

Hello @MiellePineda ,

Go to online store >> edit code >> add below css bottom of the base.css file.

@media(min-width: 280px) and (max-width: 767px){
#shopify-section-template–15552925368517__57de5e4c-42dd-435c-8ee8-591f5f6e6b59 {
overflow: hidden;

}
}

1 Like

It worked!! OMG I’ve been using other methods I saw online for hours already, thank you so much :hugs: :growing_heart:

Hi,

I have a same problem, theme is Empire 8.0.0.

How to do this since custom css can’t include at-rules?