Trouble making heading responsive

Design help Layout & Design
1

Hey,

I tried to make my website responsive, but I have some issues with heading in mobile view, 240px (canva settings).

Link: Webflow - 1 Page Portfolio

2 of my title “Evolution of taste” and “Some partners” overflow, and I don’t understand why.

The title “What makes a great ramen” react nicely, but the other don’t.

Any tips? Thanks!

Matthis

2

hi @Matthis

  1. EVOLUTION is a long word compared to others and as you have huge padding it will go over and cause issues. You can use span to set smaller fonts for this word or change the font size for this title on mobile.

It can be a glitch in WF, when I have deleted text and written it back again the words wrapped as expected.

1 Like
3

Hi @Stan,

Thanks for the guidance, problem solved!