I’m currently working on my first responsive sight, and have just uploaded it so I can check whether it works or not. I have the best fit I can obtain on numerous breakpoints, and I constantly checked it using the preview option, and viewing it in Safari and Chrome under the preview in browser option. It was produced in Freeway Pro 7.1.3 on an iMac running on High Sierra latest version.
Unfortunately, upon uploading it I’m looking at a dog’s dinner, where nothing fits. At the default size of 1200 pixels wide it works fine. On smaller sizes, I’m checking it on an iPad air and iPhones 4, 5 and 6, it’s dreadful. I can’t even get the pages to fill the screen width, so everything is too small.
Some graphics have been hidden on smaller sizes as there isn’t room to display them, but I’m wondering if Safari still thinks they are there, as I didn’t move them and they are now off screen?
My site is www.visionexcess.org.uk. Only the home page and biography pages are working at present, I have screenshots if anyone wants to see them.
All images are png, pass throughs, and set as width: fixed%, height: flexible.
I’m very puzzled by this, and can’t really proceed without knowing more, so if anyone can offer any advice I would be most grateful.
Oddly, although I has a very good fit on all the Biography pages in preview, now I have uploaded it, the fit is not quite so good on screen now.
A further problem, is that I’m using a font called Anton set up as an html font for the headings. On iPads and iPhones It’s fine on the home page, but the biography page has lost the font. I don’t get that either.
freewaytalk mailing list
Update your subscriptions at: