How to fix Horizontal scroll on Home Page

Hugobrunto · ‎10-30-2024

Hi Experts,

Anyone that could help us fix this horizontal scroll? It's really annoying :'(

It's only on the Home Page.

Here's a video of our problem:

https://streamable.com/h9ljxj

Much love ❤️

Spac-es · ‎10-30-2024

No problem! After many attempts I found the solution.

Updated Code:

<style>
  /* Prevent horizontal scrolling on mobile devices */
  @media (max-width: 767px) {
    body {
      overflow-x: hidden !important;
    }
    div#trustpilot-widget-trustbox-0 {
      display: none !important;
    }
  }
</style>

Add !important and hide the Trustpilot section

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!

View solution in original post

Spac-es · ‎10-30-2024

Add this code in your theme.liquid file (Inside the <head> section):

<style>
  /* Prevent horizontal scrolling on mobile devices */
  @media (max-width: 767px) {
    body {
      overflow-x: hidden;
    }
  }
</style>

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!

Hugobrunto · ‎10-30-2024

Hi,

Thanks for your response! Unfortunately it doesn't work for me 😞

/Hugo Brunto

Spac-es · ‎10-30-2024

No problem! After many attempts I found the solution.

Updated Code:

<style>
  /* Prevent horizontal scrolling on mobile devices */
  @media (max-width: 767px) {
    body {
      overflow-x: hidden !important;
    }
    div#trustpilot-widget-trustbox-0 {
      display: none !important;
    }
  }
</style>

Add !important and hide the Trustpilot section

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!

Hugobrunto · ‎10-30-2024

Yep it works perfectly. Thank you so much ❤️

How to fix Horizontal scroll on Home Page

How to fix Horizontal scroll on Home Page

Community Blog Articles