how to get h2 smaller for tablet (and mobile)

[Nele]

This is the site: https://tagungszentrum-karimu.de/kontakt/

Is there a possibility to get the h2 „Kontaktformular“ smaller when scaling down to small tablet – in order to avoid a second row for the word?

User name and password removed by admin

[scrambler]

if you just want to manipulate the size of that h1 on mobile, the easiest way is to add a class to its <span> tag and style it

you have

<span style=”font-size:30pt;”>Kontaktformular:</span>

instead, use

<span class=”mytext1″>Kontaktformular:</span>

Then add the rules below in Main options > Fonts & Custom > Custom CSS Rule box

.mytext1 {font-size:30pt;}
.is-mobile .mytext1 {font-size:20pt;}

[Nele]

Yes,  very logical…. 

I have thought too complicated. Always great to get this help – thank you!

[Author]

Posts