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

  • Profile Image
    PerrineLaou
    Asked 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/Mciebvhwh


    Thanks in advance

    Perrine

  • Profile Image
    Richie_P
    Answered on August 28, 2018 at 02: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.


  • Profile Image
    PerrineLaou
    Answered on August 29, 2018 at 03: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

  • Profile Image
    Victoria_K
    Answered on August 29, 2018 at 09:08 AM

    Hello,

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

    1535548005The Easiest Online Form Builde

    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.