Prevent Horizontal and Vertical Scrollbars on a Web Page in Shopify Dawn Theme

Note: Always make a backup copy of theme

  1. Go to Online store > Themes > Actions > Edit code.
  2. Open the base.css(main.css/them.css)/theme.liquid.
  3. Paste the following code to hide scrollbars:
  4. Save changes

 

 <style>
    /* Remove horizontal and vertical scrollbars */
html, body {
    overflow: hidden;
  }
  /* Remove horizontal scrollbar */
html, body {
    overflow-x: hidden;
  }
  /* Remove vertical scrollbar */
html, body {
    overflow-y: hidden;
  }
 </style>

About the Author

You may also like these

×

Hello!

How can we help you out today?

× Whatsapp