Page wont scroll past a certain point when accordions are open

I have the accordion element throughout two pages on my website and I noticed that when the accordions are open, the page won’t scroll past a certain point. If you try to manually use the scroll bar and click to the desired part of the page it will take you there, but as soon as you try to scroll with the mouse it will bounce you back up to that spot it wouldn’t let you scroll past. I’m not sure what’s happening here.

Here is the page: annachristiane.com/forage-app
(It will happen if you open all of the accordions and try to scroll to the very end of the page)

I even tested it out in multiple browsers and it does the same thing in all of them.

Hey Anna,

Welcome and thanks for writing in.

I looked at the page and immediately saw a double scrollbar which is an indication that there’s a problem with scrolling.

image

This usually is caused by content overflowing in its container and I see that happening in your last section. The one with the Global Block containing the Social Icons.

Please edit the Global Block and set the Row’s Gap Width and Gap Height to 0.

image

If that doesn’t help, please give us the following info in a Secure Note.

  • WordPress Login URL
  • Admin level username and password

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.