Page 1 of 1

Responsive

Posted: Sat Jul 06, 2019 9:36 pm
by music19
I can not leave the text centered when I shrink the window
The image https://ibb.co/F07fgZs

The project original => https://www.mediafire.com/file/k6ojwvlp ... e.wbs/file

Re: Responsive

Posted: Sun Jul 07, 2019 6:53 am
by Pablo
The download link does not work for me, but based on your screenshot it does not look like you have implemented breakpoints.

Related tutorials:
http://www.wysiwygwebbuilder.com/rwd_basics.html
http://www.wysiwygwebbuilder.com/layout_modes.html

Re: Responsive

Posted: Sun Jul 07, 2019 2:11 pm
by music19
Pablo wrote: Sun Jul 07, 2019 6:53 am The download link does not work for me, but based on your screenshot it does not look like you have implemented breakpoints.

Related tutorials:
http://www.wysiwygwebbuilder.com/rwd_basics.html
http://www.wysiwygwebbuilder.com/layout_modes.html
Here the link of the project: https://mega.nz/#!6vh0TADT!wotj5SdNxU2H ... Bfnb9OvLLI

Re: Responsive

Posted: Sun Jul 07, 2019 2:37 pm
by Pablo

Re: Responsive

Posted: Sun Jul 07, 2019 2:57 pm
by music19
Pablo wrote: Sun Jul 07, 2019 2:37 pm To adjust the layout for smaller screens, you will need to implement breakpoints.
Or else use layout grids which are flexible by design.

Examples:
http://wysiwygwebbuilder.com/templates9.html
http://wysiwygwebbuilder.com/templates8.html
http://wysiwygwebbuilder.com/templates7.html
http://wysiwygwebbuilder.com/templates0.html

Related tutorials:
http://www.wysiwygwebbuilder.com/rwd_basics.html
http://www.wysiwygwebbuilder.com/layout_modes.html
The problem with the layout grid is that I can not leave it wider, it is very thin.
https://ibb.co/TkLjQWs

Re: Responsive

Posted: Sun Jul 07, 2019 3:09 pm
by music19
Pablo wrote: Sun Jul 07, 2019 2:37 pm To adjust the layout for smaller screens, you will need to implement breakpoints.
Or else use layout grids which are flexible by design.

Examples:
http://wysiwygwebbuilder.com/templates9.html
http://wysiwygwebbuilder.com/templates8.html
http://wysiwygwebbuilder.com/templates7.html
http://wysiwygwebbuilder.com/templates0.html

Related tutorials:
http://www.wysiwygwebbuilder.com/rwd_basics.html
http://www.wysiwygwebbuilder.com/layout_modes.html
I can not change the size, height, it does not change in the layout grid

Re: Responsive

Posted: Sun Jul 07, 2019 3:34 pm
by alan_sh
music19 wrote: Sun Jul 07, 2019 2:57 pm
Pablo wrote: Sun Jul 07, 2019 2:37 pm To adjust the layout for smaller screens, you will need to implement breakpoints.
Or else use layout grids which are flexible by design.

Examples:
http://wysiwygwebbuilder.com/templates9.html
http://wysiwygwebbuilder.com/templates8.html
http://wysiwygwebbuilder.com/templates7.html
http://wysiwygwebbuilder.com/templates0.html

Related tutorials:
http://www.wysiwygwebbuilder.com/rwd_basics.html
http://www.wysiwygwebbuilder.com/layout_modes.html
The problem with the layout grid is that I can not leave it wider, it is very thin.
https://ibb.co/TkLjQWs
Put something deeper (like an image) inside the layout grid - does it then change the size?

Alan

Re: Responsive

Posted: Sun Jul 07, 2019 3:51 pm
by Pablo
I can not change the size, height, it does not change in the layout grid
The height of a layout grid is determined by its content. Please see the templates for examples how to use them or read the tutorials.

Re: Responsive

Posted: Sun Jul 07, 2019 4:06 pm
by crispy68
I can not change the size, height, it does not change in the layout grid
Sure you can. Are you referring to the height? You can simply add padding to the top and bottom. If you are wanting to change the size of the font in smaller screens you will need to add a breakpoint to your layout to do this where you want it to change. It is best to read the help and check out sample templates to see how different things are achieved.