Wrap heading correctly when screen size decreases

Design help General
1

I have tried to make this heading wrap properly with both inline block and inline, but no luck. Can you help?

image
image678×575 21.2 KB

Read-only link:
https://preview.webflow.com/preview/timewiise-eea6e9?utm_medium=preview_link&utm_source=designer&utm_content=timewiise-eea6e9&preview=0ad0f29974af509ed3db4035841cef8d&mode=preview

Thanks.

2

Hi @Simon7,

See this video I recorded!

https://www.loom.com/share/c47f42b21b984eb9b01f0a56eb93ebaf

You may see how can you arrange those elements

Let me know,

3

Hi @Carlos_Ruiz_Del_Vizo,

Thanks, but it didn’t help me much. In desktop mode at 992 px, how do you prevent the line break and let the heading wrap instead as showed in attached image?

4

So far so good. Percentages seems to be the way forward.
How do I make the arrow stay next to the W when screen size is decreased?

image
image1628×678 53.3 KB

5

I found the solution. Sections did not have proper settings.