Hi I know I keep asking this in different forms but I'm at a complete loss about this problem in Twenty Thirteen with my site.
Due to the content requirements I had to use full width page and easy columsn to display content on all sections of the site.
This works fine with Windows 8 pc's, IPAD's, Apple's , Androids.
but for some reason on a Windows 8 phone with about 480pixel resolution the entire page is broken and the footer eats up all the content and overlaps it.
Does anybody have any idea what I can do to sort this? I have googled so much about a way of fixing this but still haven't found an answer.
I wondered if there was a trick using the @media that could tell the site not to try and resize the elements when reaching such a low resolution?
If I tilt the windows 8 phone to landscape then the page displays correctly however in portrait it is completely messed up.
advice would be greatly appreciated as I am at a complete loss on this.
website test page is: http://test.battleabbeyschool.com
what really annoys me is that if I use an old samsung with an even lower resolution it displays the page fine in portrait in its full glory.. It seems that it is something with IE10 on Windows 8 mobile.
thanks