i dont want scroll bar in my website home page

[momsabhiruchi]

hi my fellow developers and friends. i am working on my client website. he has given reference of "saintlaurent.com" home page. here we dont see scroll bar in home page, where as when clicked on down arrow next sections are appearing. how to implement this for https://yottyboutik.com/ home page. also there is one audio background running continuously which was added by earlier developer. unable to find its location. can anyone please help me with these two issues. Looking forward to solutions. TIA.

[Kudosi-Tracy · Accepted solution]

Hello @momsabhiruchi, 

For that full-page, no-scroll look like Saint Laurent’s home page, you’ll want to create a layout where each section fills the viewport (using something like 100vh for each section) and then implement smooth scrolling triggered by a “down arrow” click. Many devs use libraries like fullPage.js or a custom JavaScript solution to handle this effect.

You’ll need to adjust your homepage template (often index.liquid or a custom section) so that the scroll bar is hidden and sections transition on click.

Regarding the continuous background audio, it’s likely added as an HTML <code><audio></code> tag in one of your theme files (often in theme.liquid, header.liquid, or even a dedicated snippet). I’d recommend using the Shopify code editor’s search function (Ctrl+F or the global search) and look for “audio” or the file name if you know it.

Once you find it, you can either remove or comment it out if it’s not needed.

Hope this helps! Let me know if you need more details.

Best,
Tracy from Kudosi Reviews

[momsabhiruchi]

thank you so much for your detailed explaination. it really helps me to understand how to proceed. could you please help me with the coding part aswell here

[momsabhiruchi]

i tried with the code following your suggestion. it worked well. thank you so much