Hi guys,
I’ve made a site which works in the usual web browsers and seems to be fine. However, my client brought it to my attention that the logo shifts over to the far right when tested on an iPad or mobile phone. I checked it out on my HTC and the client seems to be right.
The div that the logo sits in is absolutely positioned with a ‘left’ value to make it sit over the navbar and not interfere with anything else. I thought about using an alternate stylesheet and added the code…
<link rel=“stylesheet” href=“scripts/styleAlt.css” type=“text/css” media=“handheld” />
…but it made no difference.
I was wondering if anyone else would be able to take a look and see if we can come up with a solution please The website is here - as I say, it’s fine in FF or IE, but screws up on mobile devices I believe.
Thank you very much and I hope to hear from you.
All the best,
SM