Responsive Website at different breakpoints

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
User avatar
Pablo
 
Posts: 23023
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Responsive Website at different breakpoints

Post by Pablo » Mon Jan 27, 2020 2:10 pm

I think whatsmyviewport.com is reported the wrong information.
Your breakpoints work correct.

lpug
 
 
Posts: 120
Joined: Thu Apr 05, 2018 10:15 am

Re: Responsive Website at different breakpoints

Post by lpug » Mon Jan 27, 2020 11:59 pm

Pablo can you please clear up my question......if an object(s) are invisible (hidden) at break points i.e. 320px & 480px does it mean that any viewports between 320px-480px they will also be invisible (hidden)? if so then I'm not sure whats wrong because this is not the case.

User avatar
crispy68
 
 
Posts: 1358
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Responsive Website at different breakpoints

Post by crispy68 » Tue Jan 28, 2020 2:20 am

@Ipug

What Samsung phone are you using? I downloaded your project and uploaded it here and checked it on my Samsung Galaxy 7. It looks correct for me.

In your project, if the viewport width is 480px or below, the shopping bag is hidden. So anyone viewing your site on a device where the viewport width is 480px or below will not see the shopping bag. If you are seeing the shopping bag, then your viewport width is 480px or greater.

I personally like to use the option: Activate breakpoints when browser window is larger than the device width. This will add min-width and max-width to the breakpoints. I find this much better to design with. I would also suggest getting rid of the 640 bp as it is not really needed and would set the layout grids to use flexbox over css grid as it is more acceptable as you will have similar control.

If confused, reach out to me via email at ron@wizbangwebdesign.com and I can send over an updated version of your demo.

lpug
 
 
Posts: 120
Joined: Thu Apr 05, 2018 10:15 am

Re: Responsive Website at different breakpoints

Post by lpug » Tue Jan 28, 2020 6:24 am

@Crispy I have sent you an email, if you could have a sneak look that would be great.

Thanks

User avatar
Pablo
 
Posts: 23023
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Responsive Website at different breakpoints

Post by Pablo » Tue Jan 28, 2020 7:05 am

If an object(s) are invisible (hidden) at break points i.e. 320px & 480px does it mean that any viewports between 320px-480px they will also be invisible (hidden)?
Correct. That is how it works, also with your project.

Post Reply