How to cut title text into 2 lines in mobile view?

Hello Jotform team !

On mobile, the title text does not "cut" into 2 lines relevantly.

Is there some code I can add so that my text cuts just after "Rejoins les amoureux de".

This means that is will display :

"Rejoins les amoureux de 

l'Auvergne-Rhône-Alpes"

on mobile.

https://www.screencast.com/t/Mciebvhwh

Thanks in advance

Perrine

You can add this custom css code to resize the width of your header text.

#subHeader_1{
width:240px;
}

Please give it a try and let us know how it goes.

Thank you.

Thanks !

The CSS works but the "cut effect" is now on both mobile and desktop. I need the line to be cut on mobile only. How do I do that ?

Thanks

Hello,

To take effect for mobile devices only, the code must be added within @media query:

I have injected the code into your form https://www.jotform.com/82351838212353 

Please test it again and let us know if you need more help.