Hi All,
This is my first time posting on here, so any helpful advice would be greatly appreciated.
I am having a bit of trouble with content text on my website in certain browsers. In the main most browsers I have tested on support what I have built fine. So far I have tested from both desktop and laptop in Safari, Firefox, Opera, IE, and Google Chrome. All seem to displaying my site fine. I have also tested on an iPad using Safari and Samsung Galaxy Tab in both browsers available and these again display the site fine.
The problem arises when I come to view the site on an iPhone in Safari. Part of the text displays correctly as it should do, but the bulk of the text below changes size and distorts the middle section of the site. This is very frustrating. I'm sure there must be something I am missing, but I've looked high a low and can't see anything that looks out of place. I've attached screenshots below.
Help!!!
Above is how the site displays in Safari, Firefox, Opera, IE, and Google Chrome when viewed on a desktop, laptop or tablet. This is how it should be and I'm happy with this.
Above is how the site displays in Safari when viewed on a iPhone. You can see how the text in the grey box at the top displays correctly, but the rest of the text below changes size causing the middle of the site to distort and loose it's shape.
To view the site in full here's the link www.rebelshockey.co.uk/Eagles_home.html.
Thanks in advance.
Andy