Hide Scroll Bar only on Home Page

If you’re using a theme that follows WordPress coding conventions, your homepage should have the home body class which you can add to the CSS selector to limit the scope to just the homepage.

If what I said above doesn’t mean anything to you, please provide your site address and the CSS code you have, so I can adapt it to your homepage only for you.

Standing by.

• This reply was modified 2 years, 5 months ago by George Appiah.

Yes I’m using the basic Hello Elementor theme which supports every WordPress coding.

This is the test website I am working on right now :
https://demo.skyhightech.me/test3/

And the coding I used is

body {
  overflow: hidden; /* Hide scrollbars */
}

Yes I’m using the basic Hello Elementor theme which supports every WordPress coding.

Thankfully I wasn’t sipping my coffee as I read this… else my keyboard would have tasted black coffee this morning ??

And the coding I used is…

As I said, if the CSS code is working for you but you only want to limit the scope to just the homepage, all you have to do is add the homepage’s unique class (which is home) to your selector, so it becomes:

body.home {
  overflow: hidden; /* Hide scrollbars on homepage only */
}

Hey George!

It worked.. Thanks so much for the Help man!

I’m a noob at coding and developing websites, so just learning from others ??

Thanks again and have a great day!