Website not scrolling correctly after update 5.0.8

Support
#1

I have a website which was set up 1.5 years ago. The project stalled but is now back in production and will go live in a few days. With the recent changes to X-Theme I though I would update Wordpress to 5.8 and update to the latest X-Theme (5.0.8). All went well, however the website takes a view scrolls of the mouse before the site actually scrolls. It seems to be stuck. After it does start to scroll it then stops every couple of sections. When I try to scroll back up the page it does the same thing.
How can I fix this?

(Also, I turned off all plugins and it didn’t fix this issue)

#2

Hi @alandoyle,

Thanks for reaching out!

The website is under construction and accessing wp-admin or wp-login.php doesn’t work on your install. Please update the correct admin URL path.

Hope that helps.

#3

It is working fine here. Could you be block by my hosting as you accessing from outside my country?

#4

Hi @alandoyle,

It would be best if you could remove the restriction while we are still investigation your issues.

Hope that helps.

#5

Access is allowed.
Please log in and let me know if you see anything. Thanks

#6

Hi @alandoyle,

The scrolling issue occurs due to the second scrollbar appears on your website. Please remember that the double scrollbar appears only if some of the element is taller or similar in height to its container.

Screenshot-605-
Screenshot-605-1895×670 78.3 KB

I went ahead for investigation and found that the Footer section Row has Gap Height of 1rem which is the reason behind your issue. I would suggest you set the value to 0 to get rid of this issue.

Screenshot-606-
Screenshot-606-800×636 90.7 KB

Hope it helps.
Thanks

#7

I have changed that and it seems to have improved the issue in Chrome - but some pages are still having issues. It hasn’t changed much in Safari with many pages not scrolling cleanly. These pages were working fine before I updated.

Can you tell why this is still happening?

#8

Hi @alandoyle,

The issue is with the gap height as my colleague first investigation and I was able to confirm it. The reason why it is still having an issue with some of the pages is that the footer is not added globally, it is added as a section in a page. That being said, there are two ways to fix your issue.

First:
You need to change the gap height to 0 of your section manually for all the pages so that it will work with the latest updates.

Second:
Recreate your footer using the footer builder so that in the future, you will not need to change them manually for all the pages. Once the footer was recreated using the footer builder, you need to remove the footer section for all the pages.

Hope that helps.

#9

Thanks mac_a. Thats now working perfectly - and I’ve learnt something new as well. :+1:

#10

Hi @alandoyle,

Glad that we are able to help you.

Thanks

#11

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