FitText not working

I asked this question over in SiteOrigins forum but so far the support from aThemes has been way better so I’m hoping someone will give this issue a look.

I’m using Sydney with Pagebuilder. I have SiteOrigin Headlines widget throughout my site however none of the headline text is responsive when viewing on mobile or tablet. I’ve selected FitText in the SiteOrigin Headlines options however it appears to do nothing. The font does not resize as expected.

Can you please have a look at the site http://www.varipix.com/content/

Any advice would be helpful.

Cheers
Ian

Hello there,

It works fine already viewed on my phone as seen on the below screenshot. Have you been able to resolve it?

Cloudup

Regards,
Kharis

Thank you for looking at it Kharis. The font is too big for me on mobile. I guess I was hoping to be able to have the font size go smaller on the smaller screens.

Ian

Hello there,

Please add this extra CSS code to Appearance > Customize > Additional CSS from your site dashboard.


@media only screen and (max-width:500px) {
  
  .so-widget-sow-headline h1,
  .so-widget-sow-headline h2 { 
     font-size: 20px !important; 
  } 
  
}

Adjust the value if needed.

Regards,
Kharis

That worked perfectly.

Thank you again Kharis

Cheers,
Ian

You’re welcome!

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