css logo displaying with margin top on iphone 5 and 6
<p>I am trying to get working my Wordpress site: <a href="http://hanacakes.sk" rel="nofollow">http://hanacakes.sk</a> and I have som problems with it. I am using <code>Chrome Developer tools</code> to test responsive design of my webpage and it's working correctly. But, when my friends tries that page on Iphone 5 they get the following result:
<a href="https://i.stack.imgur.com/mVWXA.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/mVWXA.jpg" alt="Hanacakes"></a></p>

<p>and:</p>

<p><a href="https://i.stack.imgur.com/auY86.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/auY86.jpg" alt="Hanacakes"></a></p>

<p>and when they try it on Iphone 6 they get this:</p>

<p><a href="https://i.stack.imgur.com/i1S8m.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/i1S8m.jpg" alt="Hanacakes"></a></p>

<p>I've also tried the Iphone 5 and 6 simulator online and it looks fine there. Any ideas where could be the problem? I've removed all of the margins top in css but it's still wrong. How would You fix this?</p>