Actual view on iphone is different from web view

Support
#1

Hi,
I would the view and overall browsing experience on my iphone to be the same as the mobile view while browsing on the web developer tools or though themeco’s developer mobile view. This is very noticeable in the footer.

Currently in the web developer tools view, the footer looks fine

image
image689×900 22.5 KB

And I am able to see the last 2 sections clearly
image
image681×891 13.5 KB

and this is similar to viewing it on the themeco’s developer app mobile view.

image
image731×826 14.3 KB

However while looking at it from my iphone it looks like this. There are unwanted gaps and the links and headings in the 2nd last section are missing.

image
image1058×2288 99.3 KB

#2

Hi @Nalwi,

Thank you for reaching out to us. I checked your site and this seems like a setup issue. In mobile screens, instead of adding all the content in one container, add your content in different containers just like you did it for desktop screens.

In addition to that avoid using negative margins and make sure the height of the Bar is set to auto. This should resolve the issue. If the issue persists then please get back to us with the result of the steps above and URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Thanks!

#3

That worked perfectly, thank you!

#4

You are welcome @Nalwi

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.