Screen jumping / scrolling problem

[ElizabethParticipant]

Hi,

I’m having an issue with the page jumping when I try scroll to the bottom. The footer is not showing up, I cannot scroll below the very last line of body text. The problem resolves only when I resize my browser window to be extremely narrow. I am using Firefox 64.0.2, however my client is having the same issue using a different browser. Here is a screen capture of the problem: https://we.tl/t-uGAc8orar7

The website is http://the-first-thing.build-miner.media.

Thanks again!

[ElizabethParticipant]

update – resizing the browser window sometimes resolves the issue temporarily, but it does not seem to be consistent in terms of happening only at certain widths.

Here’s another video from my client, using Chrome. https://we.tl/t-mtTtZOOkfW

• This reply was modified 1 week, 5 days ago by  Elizabeth.
• This reply was modified 1 week, 5 days ago by  Elizabeth.

[BidurModerator]

Hello Elizabeth,

If you add the content it’ll automatically adjust the height of the content wrapper.
Here is a quick fix. Please add the following css inside the additional css section of your customizer;

#cir-content-wrapper {
    min-height: 465px;
}

Let us know.
Thanks!

[ElizabethParticipant]

Hi, I added this and it works on my desktop screen, but it did not resolve the issue on mobile devices. When I resize my browser window to approximate the dimensions of a phone or tablet, I also still see the jump.

[ElizabethParticipant]

Revised – the problem is still happening intermittently at all screen widths.

[BidurModerator]

Hello Elizabeth,

Some custom code is creating the conflict inside header you can notice.
Just increase the min-height for quick fix.
You may add this css;

#cir-content-wrapper {
    min-height: 850px;
}

Thanks!

[BidurModerator]

Done! Now it’s working fine.

[Author]

Posts