Hi, hoping someone can help me.
I’ve been building www.planetcoco.co.uk and struggling with the responsive elements for two weeks now. It’s finally finished and almost works - with just a few glitches here and there:
The breakpoints are Freeway’s standard:
web - 1200px
tablet - 768px
mobile landscape - 480px
mobile - 320px
It works really well in the web format.
On Android tablet portrait (Samsung Galaxy Note) it just shrinks the web format and the first image on the site is cut short on its width; it doesn’t fill the width of the screen. Looking at it landscape, it’s fine but is just shrinking the web format not recognising the tablet breakpoint?
iPad also shrinks the web format, not recognising the tablet breakpoint. On iPad Mini though, it recognises the 768px breakpoint and works well except ‘Rawsome Goodness’ sticks out of the text box in one line and ‘human hands’ has no space between the words?
On Android mobile portrait (Samsung Galaxy S3) it appears ‘zoomed in’ and you have to pinch the screen to pull it back to the full width - when it then shows the navigation bar is not at the full width (320px). And ‘Rawsome Goodness’ has no space between the words? Looking at it landscape, it jumps to the tablet breakpoint not mobile landscape at 480px? As with the Android tablet, the first image isn’t the width of the screen and ‘human hands’ has no space between them.
On iPhone (4) portrait, it’s recognised the mobile layout but the images aren’t reaching the full width of the screen and for some reason the ‘human’ of ‘untouched by human hands’ is outside of the box and pushing everything left. Landscape, the menu bar is way too deep and it’s not recognising the breakpoint at all.
I really hope someone can help with these small glitches - it seems so close and yet isn’t working perfectly!
Thanks in advance,
Jess
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options