Responsive text in Flex Grid

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
User avatar
Benefactor
 
 
Posts: 45
Joined: Sun Jul 19, 2020 8:50 pm
Contact:

Responsive text in Flex Grid

Post by Benefactor »

How to make text resize automatically in Flex Grid?
I used this settings for the text :
- Enable responsive fonts
- Output format set to default.

But the text doesn't resize when the screen is resized


Do I really have to make breakpoints?
Last edited by Benefactor on Mon Jul 27, 2020 8:30 pm, edited 1 time in total.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Responsive text in Flex Grid

Post by crispy68 »

What exactly do you mean by 'resize'? Do you mean for the text to wrap to the next line or do you mean the font size will change as the screen gets smaller?

If you mean text wrapping, then would need to know the exact settings you are using in the flex grid and for the text.

If you mean font size gets smaller as the screen gets smaller, then yes, you will need to add breakpoints. The breakpoints are what trigger the change in size of the text.

Based on your layout of the demo, you will need to implement breakpoints anyway as things start to look wonky as it gets smaller and you will need to change the layout to fit smaller screens.
User avatar
Benefactor
 
 
Posts: 45
Joined: Sun Jul 19, 2020 8:50 pm
Contact:

Re: Responsive text in Flex Grid

Post by Benefactor »

Ок. Thx
Post Reply