Changing fot size in header carousel for mobiles only

How do I adjust the font size of the title and subtitle in the front page carousel? The size is fine on the desktop version, but it’s too small on the mobile version. I can’t find where I adjust this. Is it possible with Extra CSS? And if so, to only make the title and subtitle bigger in mobile mode?

My site is https://rimfors.se and attached is a screendump of where I can fill in the text, but not edit it.

Kind regards
Fabian

Hi Fabian,

Thank you for contacting us.

Try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 500px) {
      .header-slider .text-slider .maintitle {
        font-size: 28px;
      }
      .header-slider .text-slider .subtitle { 
        font-size: 24px;
      }
    }

Regards,
Kharis
aThemes Support

1 Like

Thank you very much Kharis!

This CSS code works perfect. You really have a very good and quick support!

Best regards
Fabian

You’re welcome Fabian!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support

1 Like