One page scrolling problem on mobile

Hi,

After update theme to 10.1.5 version page cannot scroll down on mobile. Scrolling stops before footer view. Page is using one page navigation. If i disable one page navigation anchors, problem no longer occur. The problem did not occur in the theme version 9.1.4.

Here’s a simple example of the problem:

Br.
Petri

The scrolling problem to the bottom of the page goes away if I change the setting Navbar Position settings: Fixed Top -> Static Top.

I’m still waiting for a solution to the fact that the Fixed Top setting also works with the One menu option.

Br.
Petri

Hello Petri,

I have inspected your homepage and I found this:

You have two “cars” element ID. Be advised that an element ID should be unique. There should NOT be any duplicates. Please edit your page first and make sure to check and remove any duplicate IDs.

Best Regards.

Hello,

I fixed duplicate element ID on frontpage. This did not affect the scrolling problem. Still page cannot scroll down on mobile.

Anyway the same problem comes up with this test page which is very simple. Contains only one anchor link and Navbar Position settings is Fixed Top.

Br.
Petri

Hello,

I found one solution for this. The old mobile CSS definition didn’t seem to work or at least didn’t prevent the scrolling problem in the new theme version. I changed this for .x-navbar (old definition commented out):

I also tested on staging site with the CRAFTY template and the same mobile scrolling error occurred when using menu anchor link and Navbar Position settings: Fixed Top.

Br.
Petri

Hey Petri,

I have tested your code on my local testing server. What I found out is that because your logo overhangs that Navigation header, instead of 90 pixels which is what you have set in Cornerstone > Globals > Headers > Navbar > Top Height, it becomes 160 pixels. That is because the overall height of the logo is approximately 160 pixels.

Hope this helps.

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