Weird gap appearing

[sgchan]

Hi.
I am seeing this weird gap in the website. It is very significant with iPhone5/SE but gets quite small with other phones or desktop. I cannot figure out what’s causing it.

I’ve seen other posts of the same issue but they are quite old. Some are saying it is the admin bar but I still get it in incognito mode. Any clues?

The website is lifeology.com.au.

Many thanks in advance.

[christian]

Hey @sgchan,

I see the issue however, it’s not caused by our theme. The one causing that is custom code.

We’ll investigate this issue only if the issue is being caused by our theme so with that said, please do the following things before we investigate.

1. CHILD THEME
2. CSS/JS CUSTOMIZATION
3. TESTING FOR PLUGIN CONFLICT

ONLY if none of that helps, please give us the following information in a Secure Note.

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thanks.

[sgchan]

Thank you for replying @christian

I have checked the Child Theme. Apart from some code to insert a template block at every posting, there are no CSS changes in Child Theme. I also checked CSS/JS Customization. It has plenty of CSS customizations but the only one that involves body tag is the one you highlighted. Finally, I also tried disabling most of the plugins without breaking the site but to no avail.

Truth be told, I added the CSS for body tag. If I use the default
body { overflow-x:hidden; }

Then the desktop shows 2 vertical scroll bars as shown below.

That is why I configured it to unset !important.

So I am trying a workaround…

It seems to work except there are actually 2 vertical scrolls on mobile view… barely visible but you cannot scroll down with the mouse on a desktop simulating a mobile view. On a phone, you have to scroll twice to get to the inner vertical scroll.

I do not want to waste your time on an issue that doesn’t concern the theme but I do not know where to turn. This current situation is not ideal but the problem is hidden.

Hope you can help.

[marc_a]

@christian,

As per my colleague said, the issue is not coming from our theme and it is outside the scope of our theme support. I also check your website on my actual iPhone and android phone and I can only see 1 vertical scroll and 1 horizontal scroll, I can replicate your issue about 2 vertical scrolls on mobile view.

Hope that helps and thank you for understanding.