Horizon theme horizontal scroll remove - urgent

Store Design
, ,
1

I’m using the horizon theme in that I want to remove the horizontal scroll on my website.

website: https://firstdraftstudio.myshopify.com/
password: FD

Screenshot 2025-10-05 at 10.31.59 PM
Screenshot 2025-10-05 at 10.31.59 PM1920×1401 71.9 KB

2

1000079196
10000791961080×1727 291 KB

3

Hi @Sivadarshan

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottow of the file:
endless-scroller-gallery-amuxzufa2annfnejwlaigenblock4303b09zqbtxt.ai-endless-scroller-amuxzufa2annfnejwlaigenblock4303b09zqbtxt {
    left: 49% !important;
}

image
image1365×530 81.9 KB

4

Unfortunately, overflow-x: hidden would break the sticky header.

You can, however, add the following code to the “Theme Settings”=> “Custom CSS”

html {
  overflow-x: clip;
}

clip does not break sticky headers…

5

Hello @Sivadarshan

Please follow the steps below after logging into the Shopify admin:

  • Go to your Shopify Admin panel.

  • Click on Online Store > Themes.

  • Find the live theme and then click Actions > Edit code.

  • Search base.css

  • Insert the provided CSS code at the top of the file and save the changes.

.ai-endless-scroller-amuxzufa2annfnejwlaigenblock4303b09zqbtxt
{
    width: calc(100vw - 10px) !important;
}

Please hit Like and Mark it as a Solution if you find our reply helpful.