Scroll bar at the bottom

[Freund]

Hello there,

Can you help me remove the scroll bar at the bottom of my page?
I already tried to use this:

html body {
overflow-x: visible; !important;
}

But still there’s a scroll bar at the bottom of the page.

I can’t figure out what section of the page I need to change in order to remove it if there is.

My domain name is https://www.freefinancialself.com

[christopher]

Hi Shlomo,

I checked the front end of the website and it seems to be a whole lot of sections and there seems to be a section that causes the issue. Most probably there is an HTML tag that is not closed correctly somewhere.

I checked another page such as the Go Nomad one and it did not have the scrolling effect. That shows one of the homepage sections is causing the issue and there are lots of them and some showing only on the mobile view.

I suggest that you install this plugin to be able to duplicate the homepage and try to delete the sections one by one from the copied page to find out the section responsible for the problem.

Then you will be able to detect the exact problem cause.

Thank you.

[Freund]

Thank you very much Christopher.

One thing I want to ask regarding with lots of sections of the page. What is the best approach on that because we want to make it very responsive as much as possible on any type of screen resolution. So my virtual assistant did this.

I asked him to try to do all the responsive design using Cornerstone without adding media queries as he is still learning to code. My va said it is confusing to create all of the element on one section with different types of breakpoints in all.

Please suggest me what’s best. Thank you.

[jade]

Hello Shlomo,

It should be pretty straight forward to set the Hide During Breakpoint option for the elements.

Please check this complete guide for that:

Hide or Show Content by Device Size | Themeco Docs

Hope this helps.