breakpoint question(s)

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
Pete
 
 
Posts: 14
Joined: Sun Mar 30, 2008 6:44 pm

breakpoint question(s)

Post by Pete »

Hi

I currently have breakpoints:-
320, 480, 768,1024 and default.

Currently set to
"Activate breakpoints when browser window is larger than the device width"
I'm a bit confused whether I should use this option or the
"Activate breakpoints when browser window is smaller than the device width"
Is there any suggested advice?

currently if a device has 319 (or less) pixels width, then presumably my 320 will never be shown? (with my current 'larger' setting)
would I be better having a (for example) 100 pixel breakpoint and anything larger, display the smallest (currently 320) break point?

what is the default setting used for?
what is the suggested advice for setting the default width?

what is this error message refer to?
"(Page),Incorrect breakpoint size [1024px],Breakpoints should be smaller than '970px' otherwise the default view will never be displayed."
(the page properties are currently set to 970 pixels)
so should this be set to 1024 pixels? (the largest breakpoint)

What happens if the user has a 1920 pixel display?


sorry - bit confused on this - I have read all the RWD FAQs topics and watched a video, but doesn't seem to clarify the above for me.


thanks for any help
Pete
PS unrelated - the digit nine is being replaced by a dash in this message unless I make it bold(!) hence some of the numbers above are bold. eg Original message 319 when not bold appears in the posting as 31_
(across different browsers - must be some font corruption on my PC)
User avatar
Pablo
 
Posts: 21573
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: breakpoint question(s)

Post by Pablo »

You can read more about this feature here:
https://wysiwygwebbuilder.com/forum/vie ... 10&t=63817

The FAQ also has examples to demonstrate the differences.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: breakpoint question(s)

Post by crispy68 »

First of all, I wouldn't worry about anything less than 320px as I don't believe there are any phones this small anymore. Most are 360px and above. So, no do not make a 100px bp.

I recommend sticking with your first selection: Activate breakpoints when browser window is larger than device width.
This will ensure that your small devices will be seen even if they have something less than 320px.

Maybe this video will help also: https://www.youtube.com/watch?v=Cz6ZE7H4ICY
Pete
 
 
Posts: 14
Joined: Sun Mar 30, 2008 6:44 pm

Re: breakpoint question(s)

Post by Pete »

@pablo, @crispy68

thank you for the replies
Post Reply