-
PerrineLaouAsked on August 28, 2018 at 12:43 PM
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/MciebvhwhThanks in advance
Perrine
Page URL: https://www.screencast.com/t/Mciebvhwh -
Richie JotForm SupportReplied on August 28, 2018 at 2:25 PM
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.
-
PerrineLaouReplied on August 29, 2018 at 3:24 AM
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
-
Victoria_KReplied on August 29, 2018 at 9:08 AM
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.