Setting Appropriate Breakpoints -...

User 2699991 Photo


Registered User
4,782 posts

Donald Sanders wrote:
I think the issue is myself confusing CSS pixels and screen pixels. You're website looks fine on my phone. here is a screen shot of GoGreen from my phone.


Hi Donald (PHEW,, I was starting to think something with Samsung)
So it needs tweeking at the lowest breakpoint to make it appear like you want (expect ) it to do
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2706435 Photo


Ambassador
444 posts

Make sure you did not change any default settings on your phone. Smartphone browsers are supposed to have a "pixel ratio." If its set 1:1, then it is not viewing the way it was designed to. Your pixel ratio should be 4, making a css width of 360, and when in landscape a width of 740.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.