How to stop the scrolling on the services and facebook section

Store Design
, ,
1

how can i stop the automatic scrolling when in mobile view on the services sections of my website

its the facebook and instagram bit and then the shipping, refunds and quality section i cant figure it out

2

https://a0bb3e-2.myshopify.com/

3

Hello @shelleyfound1 ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to theme.liquid file → add this following code at the bottom of page

.no-scroll {
  overflow: hidden;
  touch-action: none;
}

Save changes

Hope this can help. Let us know if you need any further support.

Ali Reviews team.

4

this still isnt working :disappointed_face:

5

Hello @shelleyfound1 ,

You’ll need to modify the theme’s code to stop the automatic scrolling in the services section of your Shopify store’s mobile view.

  • Log in to your Shopify admin panel and go to Online Store > Themes > Actions>Edit Code. This will open the code editor for your theme.
  • In the code editor, find the file section services. liquid or index.liquid.
  • Open the appropriate file, which might be enclosed within HTML tags such as
    , , or
      , depending on how it’s structured.
    • Now look for any CSS classes or inline styles that control the scrolling behavior. You may see properties like overflow: auto or overflow: scroll, which enables scrolling.
    • Remove or modify these properties as needed.
    • Save the changes and preview them.

    If it hasn’t, you should inspect the element using the browser’s developer tools and identify any additional CSS rules affecting the scrolling behavior. Then, make the necessary adjustments in the code editor.

    Hope it helps. Let us know if you need more help from us.

    Regards,

    CedCommerce