Responsive website

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
spd54
 
 
Posts: 31
Joined: Wed Oct 13, 2021 4:02 pm

Responsive website

Post by spd54 »

Hi
A question re responsive websites. If I design a site for say 1920 width would someone with a smaller pc screen be able to the full page if I put a breakpoint in for say 1280 width. Or is there another way I should look at.
Thanks
bkjohns
 
 
Posts: 290
Joined: Wed Nov 14, 2018 5:54 pm

Re: Responsive website

Post by bkjohns »

Put your content in a layout grid or flex grid/box, then it will self adjust to the users screen size.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Responsive website

Post by crispy68 »

As bkjohns stated, use layout grids, flex containers or flex grid in designing the site. You will only add a breakpoint if your design 'breaks' or needs re-adjusting so that it still looks good on smaller screens.
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Responsive website

Post by Pablo »

See also this related tutorial:
https://wysiwygwebbuilder.com/layout_modes.html
spd54
 
 
Posts: 31
Joined: Wed Oct 13, 2021 4:02 pm

Re: Responsive website

Post by spd54 »

Thanks will have a read up on it, much appreciated
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

Re: Responsive website

Post by alan_sh »

Since I have started down the 'responsive' route, I have found I don't need any page breakpoints - just flexbox ones. It's brilliant only having one screenful to edit and not needing to check the layour in every breakpoint. I can thoroughly recommend it. My pages are also set at 1920.

The main things I have learned is to set flex grow and flex shrink to 1 for any text object (texts, menus, tables etc.) inside a flex grid and to be aware of what happens when you shrink the page down (headings can suddenly look down on the wrong text if you are not aware, for example).

It's been a fun learning curve, but the results are well worth it.

Alan
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: Responsive website

Post by zinc »

alan_sh wrote: Tue Oct 19, 2021 10:59 am Since I have started down the 'responsive' route, I have found I don't need any page breakpoints - just flexbox ones. It's brilliant only having one screenful to edit and not needing to check the layour in every breakpoint. I can thoroughly recommend it. My pages are also set at 1920.

The main things I have learned is to set flex grow and flex shrink to 1 for any text object (texts, menus, tables etc.) inside a flex grid and to be aware of what happens when you shrink the page down (headings can suddenly look down on the wrong text if you are not aware, for example).

It's been a fun learning curve, but the results are well worth it.

Alan
That's not 100% true. It depends what you want to achieve and how complex your design is and what you can and cannot do with them. Those who know my work, I almost never use FB or Layout grid. The beauty of WWB is, it gives you a choice.
Running WYSIWYG Web Builder since 2007...
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

Re: Responsive website

Post by alan_sh »

Zinc,

I can only describe my experience. WWB does an excellent job for the beginners in responsive (like me) and the experienced (like you).

I'm curious how you get responsive mode without using flex or layout stuff.

Alan
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: Responsive website

Post by zinc »

I use floating layers and break points. On occasion I will use layout grid but my work is mainly with floating layers which gives me a lot of fridom.
Running WYSIWYG Web Builder since 2007...
User avatar
Chris_t
 
 
Posts: 84
Joined: Thu Oct 27, 2016 7:39 pm

Re: Responsive website

Post by Chris_t »

zinc wrote: Tue Oct 19, 2021 3:51 pm I use floating layers and break points. On occasion I will use layout grid but my work is mainly with floating layers which gives me a lot of fridom.
Hmm, not familiar with that, any tutorials or examples please?
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: Responsive website

Post by zinc »

Chris_t wrote: Tue Oct 19, 2021 4:28 pm
zinc wrote: Tue Oct 19, 2021 3:51 pm I use floating layers and break points. On occasion I will use layout grid but my work is mainly with floating layers which gives me a lot of fridom.
Hmm, not familiar with that, any tutorials or examples please?
Here is one

https://www.wysiwygwebbuilder.com/floating_layers.html
Running WYSIWYG Web Builder since 2007...
User avatar
Chris_t
 
 
Posts: 84
Joined: Thu Oct 27, 2016 7:39 pm

Re: Responsive website

Post by Chris_t »

zinc wrote: Tue Oct 19, 2021 4:37 pm
Chris_t wrote: Tue Oct 19, 2021 4:28 pm
zinc wrote: Tue Oct 19, 2021 3:51 pm I use floating layers and break points. On occasion I will use layout grid but my work is mainly with floating layers which gives me a lot of fridom.
Hmm, not familiar with that, any tutorials or examples please?
Here is one

https://www.wysiwygwebbuilder.com/floating_layers.html
Thank you zinc. :)

Would you mind showing an example of how you are using it please?
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: Responsive website

Post by zinc »

Chris_t wrote: Wed Oct 20, 2021 9:46 am
zinc wrote: Tue Oct 19, 2021 4:37 pm
Chris_t wrote: Tue Oct 19, 2021 4:28 pm

Hmm, not familiar with that, any tutorials or examples please?
Here is one

https://www.wysiwygwebbuilder.com/floating_layers.html
Thank you zinc. :)

Would you mind showing an example of how you are using it please?
http://craftedby.today/projects/abybook/
Running WYSIWYG Web Builder since 2007...
User avatar
Chris_t
 
 
Posts: 84
Joined: Thu Oct 27, 2016 7:39 pm

Re: Responsive website

Post by Chris_t »

zinc wrote: Wed Oct 20, 2021 2:45 pm
Chris_t wrote: Wed Oct 20, 2021 9:46 am
zinc wrote: Tue Oct 19, 2021 4:37 pm

Here is one

https://www.wysiwygwebbuilder.com/floating_layers.html
Thank you zinc. :)

Would you mind showing an example of how you are using it please?
http://craftedby.today/projects/abybook/
Very smart, thank you!
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: Responsive website

Post by zinc »

You are welcome!
Running WYSIWYG Web Builder since 2007...
Post Reply