Mobile Sidebar – Scrolling down fast shows empty space at the bottom

1) Open the link in private on a REAL mobile device
2) Expand the mobile sidebar
3) Scroll down in the sidebar very fast

You’ll see some empty space appearing at the bottom. Why? There shouldn’t be any empty space.

Attachments:

You must be logged in to view attached files.

Hello,

Add below Custom CSS code to Theme Settings > Custom CSS > Mobile custom CSS:

div. vc_empty_space {
display: none !important;
}

Best Regards.

[Jeriss Cloud Center]

Hello,

I tried your code but it doesn’t make any difference despite clearing cache.

Are you sure about this?

Thanks

• This reply was modified 1 year, 6 months ago by Jeriss Cloud Center. Reason: https://wordpress-573315-3867085.cloudwaysapps.com/

Hello,

In my mobile device it shows the space like this:
https://ibb.co/gwzXGR8

Best Regards..

Try with Edge please, you’ll see the issue there

Hello,

Yes, I have checked in the edge browser and it is showing the same.
Screenshot for clarification:
https://ibb.co/P9X21h0

Best Regards.

Here is a video of the problem.

Attachments:

You must be logged in to view attached files.

Hello,

Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Otherwise, if the issue still exists then keep the 3rd party plugins deactivated and share the wp login details so will check and give you a possible solution.

Best Regards.

I created a staging where the same issue still appears despite having no plugins, no customizations, no custom code, no cache, and parent theme.

Issue reported in this video : https://xtemos.com/forums/topic/mobile-sidebar-scrolling-down-fast-shows-empty-space-at-the-bottom/#post-513624

Any feedback here?

Hi,

This issue is caused by a floating element of the browser interface that is showing or hiding on certain swipe interactions. This behavior is also visible in your video:

https://prnt.sc/aYuIDiMQgVJ8 – top URL bar and bottom navigation bar are visible. The viewport size is smaller.
https://prnt.sc/wkjFugtE0wQG – top URL bar and bottom navigation bar are hidden. The viewport size is larger.

The size of position: fixed theme interface elements as “off canvas sidebar” or “background overlay” depends on the site viewport size. As you see from your video and previously provided screenshots, the size of the site viewport is different when the top URL bar and the bottom navigation bar are visible and when it’s hidden. Unfortunately, currently, browsers with floating interface elements are providing newly updated viewport sizes only after interaction with the browser is ended and because of this, this issue cannot be fixed by the WordPress theme itself.

Kind Regards

Ok please close this ticket, thanks

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts