Docs

[Matper94]

Hello,

When I scroll down on my webside on a archive/post page the header (left) shows a blank space. When I scroll down my browsers navigation menu pulls up and takes the header with it causing a blank space at the bottom of the header. When I stop scrolling the blank space fills in. Is it possible to keep this from happening?. See Attachment.

Kind regard/ Mathias

[Christian]

Hey there,

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[Matper94]

Hello,

Here comes the url. http://www.livstraning.com/category/niva-1/

I was using a iPad

[Christopher]

Hi there,

Please see the attachment, I’m not able to replicate the issue.
Please check again and confirm me or let us know how we can replicate the issue.

Thanks.

[Matper94]

Its just on my ipad when the safari menu pulls up. I made a screen recording. Se Attachment. Lower left corner.

[Matper94]

Here comes the recording https://drive.google.com/file/d/0B0wKunpN68KhV0xGRHdLYU9PelU/view?usp=sharing

[Nabeel A]

Hi again,

Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-navbar-fixed-left {
    top: 0 !important;
    bottom: 0 !important;
}

Let us know how this goes!

[Matper94]

Thank you! That solved the problem a bit. When I scroll down the first time the same thing happens. But when I stops and let the pixels fill in it then works when I scroll up and down. Do you knom some more code that totally solves the problem? 🙂

[Paul R]

Hi,

Can you try our demo site if it is doing the same thing.

Home

Thanks

[Matper94]

Hello,

As you can see in this video its actually the same problem on your demo

https://drive.google.com/file/d/0B0wKunpN68KhaWIwdGhyejd5REE/view?usp=sharing

Kind regards/ Mathias

[Rad]

Hi there,

It’s just normal on iOS devices, that’s because the address bar changes its thickness when scrolling down and up. And please note the touch based device event is different from desktop mouse scrolling. Re-rendering and trigger events is only done when you release your touch on the screen.

Thanks.

[Author]

Posts