Layout is not working in safari for Mac or iPhones

Question

I purchased and downloaded the pack and chose to use demo-landing theme.

When I got to the page in Chrome, it looks good, however when I use safari on Mac or iPhone it looks bad.
Look at http://www.adm.co.nz from chrome, safari on Mac and then iPhone <-- please advise how to fix; should look like chrome.

Now if I go to https://a.adm.co.nz/login.php on chrome and safari the text is in different location in the middle top.
it should look like the chrome version.

How can I fix this

SemiColonWeb · Accepted Answer

Hello, We have just checked out your Website in Safari and the Default Landing Niche Demo: on Safari and the Default one appears to be working perfectly fine (see attached). Additionally, we have also checked that some of the Codes on your Website are Invalid: https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.adm.co.nz%2F and there are HTML Validation Errors. Make sure that the Default HTML Structure provided with the Templates are always followed to avoid any unnecessary issues. Regarding the…

icepicknz · Answer

On iPhone its unusable ad the image makes the content so far down the page.

icepicknz · Answer

Odd, I seem to have missed the HTML5 tag when copy pasting from the source files.

I tested your suggestion for iPhone and it worked, however logo is still missing on iPhone.

the nu html checked complains about fonts.googleapis.com but that is from your source code copy and pasted.

Semicolon Web · Answer

Hello,

The Logo Codes are not the same as the Default Codes provided with the Template. The Retina Logo is missing which is why it does not display on Retina Devices including iPhones, iPads etc.

The Error Warning related to the Google Fonts can be ignored. These codes are provided directly by Google. The issues related to Unclosed Tags and Duplicate IDs must be fixed.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.