Archived topic
White Space at top of page on mobile
7 replies · Started by romaanullah on December 29, 2022
How can i remove the white space above my header on mobile version of my homepage? I noticed that this problem is only with my homepage and not other pages. I tried all the previous solutions mentioned in this forum but didn't have any success, except when I disable GP Premium it fixes the issue. I am not sure why only the homepage is having this issue. Need help!
Hi there,
Have you resolved the issue?
I'm not seeing any white space here:
https://www.screencast.com/t/rWU1nsEP
Unfortunately, no, the issue is not resolved. When I open my website’s homepage via an iPhone 14 Pro Max, the status bar area is displayed with white background. As mentioned earlier, if I disable GP Premium plugin, the issue is corrected. This issue only happens with the Homepage, and all other pages display the status bar correctly with a deep purple background color of my theme. The only difference is that the homepage has a background image in the first container instead of my theme color. The menu is merged with my header and first container background. I hope this makes sense.
Hi Romaanullah,
For reference, can you take a screenshot of the "whitespace" issue from your end?
Uploading Screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots
Also, to clarify, does the issue only occur when viewing the site from an iPhone 14 Pro Max?
This issue also happens with iPhone 13 Pro Max. I have shared a screenshot of the white space issue.
Does the issue occur on all browsers?
Just tested on my iPhone 13 with Chrome and did not encounter the issue:
https://www.screencast.com/t/G4C5cuNmjd
I highly doubt that it's a bug from GP Premium - it would happen on every page.
We haven't received any other reports on this either.
I didn't test this issue on other browsers as the default iPhone browser is Safari. After you shared your screenshot using Chrome, I tested on my end and I don't see this issue there. Chrome browser doesn't blend or merge pages with the status bar compared to Safari browser. Did you test this issue on your iPhone 13 Safari browser, and what were your results?
I see the issue as well. I really can't see how GP Premium would have the ability to cause this issue only in chrome though.
Are you able to start a staging site for further testing? We haven't received other reports on this and can't see it from the inspector tool unfortunately.
The first step would be to disable all plugins except GP Premium and GeenerateBlocks to test.
Make sure that the parent theme is activated if you are using a child theme as well.