Responsive text not working

[GNP]

Hi,

I've inserted a Responsive Text into a layout grid (which option column height is set to 100vh).

It looks great on desktop. But when I reduce the size of the browser to mimic a mobile dimension, the Responsive Text does not automatically shrink to wrap in size. Instead, it is cut off.

Any help would be appreciated, thanks.

[Pablo]

To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.
Also, please include a description how to reproduce this problem.

I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134

[GNP]

Thanks Pablo, here's the project file.

https://docs.google.com/document/d/1EM7 ... ue&sd=true

The section I'm talking about is the "About" BIO section. The bio section obviously has some text, and I would like that text to be responsive, instead of cut-off on mobile devices. Thanks.

[Pablo]

Where exactly do i need to look in the project, because there is a lot of content.
Can you please be more specific?

Please read this first:
viewtopic.php?f=10&t=82134

[GNP]

The section I'm talking about is the "About" BIO section. The bio section obviously has some text, and I would like that text to be responsive, instead of cut-off on mobile devices. Thanks.

[Pablo]

This issue has nothing to do with 'Responsive text'.
The reason why the text is cut off is because the height of the layout grid is set to 100vh, so the text cannot expand if it is larger than 100vh.
To solve this you will either have to shrink the font size (that is why it's named 'responsive text') or set the height of the layout grid to auto in the breakpoint.

[GNP]

This issue has nothing to do with 'Responsive text'.
The reason why the text is cut off is because the height of the layout grid is set to 100vh, so the text cannot expand if it is larger than 100vh.
To solve this you will either have to shrink the font size (that is why it's named 'responsive text') or set the height of the layout grid to auto in the breakpoint.

Hmmm,I do actually need the height of the layout grid to be 100vh. Shouldn't Responsive Text respond to any setting that the layout grid height is set to be? What's the point of "Responsive" Text if it can't even handle the 100vh setting?

[Pablo]

Shouldn't Responsive Text respond to any setting that the layout grid height is set to be?

No

What's the point of "Responsive" Text if it can't even handle the 100vh setting?

"Responsive" has nothing to do with the height of the layout grid.
The reason why the text called "Responsive" is because you can set different font sizes in breakpoint.

[GNP]

Shouldn't Responsive Text respond to any setting that the layout grid height is set to be?

No

What's the point of "Responsive" Text if it can't even handle the 100vh setting?

"Responsive" has nothing to do with the height of the layout grid.
The reason why the text called "Responsive" is because you can set different font sizes in breakpoint.

Ahh okay. Oh well, that's a shame! Guess I'll have to rethink using the "Snap Scroll" tool. Thanks again anyway.

[Pablo]

Maybe this is useful?
https://www.wysiwygwebbuilder.com/fittext.html
or
https://www.wysiwygwebbuilder.com/flexibletext.html

[GNP]

I tried those, but it did not work as I intended.

It's okay Pablo, I'll find another "design". Thanks.