style.css
Hello everyone,
I am currently building a website for my company and I am having trouble with the sizing and my backgrounds. When I preview the site on my imac everything looks perfectly fine. But when I publish it and view it on an ipad or an Iphone or a desktop with a smaller screen, part of the website is cut off.
Why is this happening and what can I do to fix it?
If you have an ipad, iphone or desktop you can check for yourself:
www.handyhands.ca
Thanks!
Share: 
It's because your site has a fixed minimum width greater than 1024px, which is the the resolution of older iPads and many monitors. If possible, make the width fluid so that it fits all screen sizes better, without forcing horizontal scrolling.James Coltham - Local gov web manager by day, web and accessibility blogger at lunchtime, freelancer by night. Tweets at @prettysimple.
Share:
Thanks for the fast reply, I will check it out as soon as I get a chance.
Could implementing a horizontal scroll bar also solve this problem?
Share: