H3 mobile font size issue

Hello all :slight_smile:

On my new page, I’ve craeted a row with text and I’ve configured the text size on the configuration panel of the widget, as below. H3 : 36px, and H4 : 20px

image

On Desktop, all is okay but on the mobile, the H3 is smaller than H4. The size of H3 is 18… How can I change it and set 28 ?

H3 : the white text
H4 : the black and red text

The URL of the page : https://ecotech-geneve.ch/pompe-a-chaleur/

Thank you for you help :slight_smile:

Hello there,

Try this code and add it to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 600px) {
      h3 {
        font-size: 20px;
      }
      h3 {
        font-size: 18px;
      }  
    }

Regards,
Kharis
aThemes Support

Hello Kharis.

Thank you for your help :slight_smile: But it doesn’t work…