Change size of font in some text blocks on mobile only in 7.1

Hi,

The headings (welcome drinks, ceremony etc) on this page https://www.alwaysajt.com/when-where are too big when looking on mobile. I want them to be H2 rather than H1 on mobile only. Is there a way to do this?

I basically want the mobile site to look the same as the desktop.

Thanks

Try adding this in the Custom CSS:

@media screen and (max-width: 767px) {
 h1 {
   font-size: 12vw;
 }
}

Hope that helps!

17 minutes ago, Ziggy said:

Try adding this in the Custom CSS:

@media screen and (max-width: 767px) {
 h1 {
   font-size: 12vw;
 }
}

Hope that helps!

IT does!! Thanks a MILLION

5 minutes ago, minnieosc123 said:

IT does!! Thanks a MILLION

@minnieosc123 No problem! Can you thumbs up and mark my post as the solution? Thanks!