Scrolling Error

[PeterNicole]

Hello,

on our website “flashaar.de” I have problems with scrolling. When the page is loaded and I want to scroll down, the header moves up a few millimetres and stops. Then I can scroll for a while without the page moving. At some point the page moves down again. If I am at the bottom of the page and want to scroll up again, the same thing happens: I can scroll for a while without anything happening, then at some point it moves again. Scrolling does not work properly on smartphones either. I had already deactivated all the plugins, and in the header and footer all the height specifications are set to auto as far as I can see. I have also used other headers and footers, but without success. What else can I do? The error does not always occur.

Kind regards

Peter

[prakash_s]

Hello Peter,

Thanks for writing to us.

It seems that there is an extra scroll bar just because the scrolling page is not working properly. I would suggest you go to the footer and go to the last section–>Row—>customize —>element CSS. add this custom CSS code.

$el > .x-row-inner{
margin-right: 0;
margin-left: 0;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[PeterNicole]

Hello Prakash, thank you very much for your help. I stupidly overlooked the double scrollbars the whole time. I have now simply set all the rows in the section to overflow: hidden. That helped.

Regards

Peter

[prakash_s]

You are most welcome Peter.