how to remove scrollbar below my website..

Shopify Discussion

Topic summary

A Shopify store owner is experiencing an unwanted horizontal scrollbar appearing at the bottom of their website (hamsaradiance.com) and seeks help removing it.

Solutions Provided:

  • One user shared a YouTube tutorial video demonstrating how to identify and remove the scrollbar
  • Another user provided specific CSS code to hide the scrollbar:
    • Navigate to: Shopify > Theme > Customize > Theme settings > Custom CSS
    • Add the provided CSS snippet that targets the webkit scrollbar and sets it to not display

Status: The issue remains unresolved as the original poster has not confirmed whether either solution worked.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

im getting a scroll bar below my shopify website… idk how to remove it.. i need help with this

this is my website: https://hamsaradiance.com/

2

Hi there @anumailme46 Have a look at this short video https://m.youtube.com/watch?v=dNnKS7u_3yk and let me know if that is enough to get rid of the scroll bar by yourself

3

Hi @anumailme46

You can remove it by following this instruction:

  1. Go to Shopify > Theme > Customize

  2. Copy and paste this code on Theme settings > Custom CSS section

body::-webkit-scrollbar {
  display: none;
}