How to make heading size shrink with a page?

Design help General
1

I can’t seem to find a way to shrink heading when I zoom in a page or when I use a narrow view. It goes off the screen whatever I do.

Read-only link:
https://preview.webflow.com/preview/laleesh-web-design-graphic-design?utm_medium=preview_link&utm_source=designer&utm_content=laleesh-web-design-graphic-design&preview=6a91c371fd060e4ef6c1baeb7d0dae30&workflow=preview

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Remove the current text in the heading. I’m not sure why, but it doesn’t break.

Paste this text inside the heading to make it work again:
MAKE YOUR VISION A REALITY!

3

Now it’s better. So what’s the difference between that text and mine?
I tried retyping it myself and it doesn’t work like yours.
Also, is it possible to make it resize instead of breaking?
Thanks.

4

Must’ve been some styling included within the text from the location you originally copied it.

You could set the fontsize and fontheight to View width (VW). For example:

image
image3807×1839 283 KB

5

Tried that, doesn’t work
So, how can I take care of that styling later down the line?

Ahhh, I changed the text size in typography instead of in the size portion of styling to VW. That worked.
I made it so that text resizes along with a page.
Thanks again :smiley:

1 Like