Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

How to make font responsive?

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

I've searched on the template details but couldn't find out this one: how do I make the fonts responsive?

This is important when a heading is a title with a long width. On mobile phones it looks too bad..

Thanks in advance for your help!
  • nunonogueira's Avatar
  • nunonogueira
  • 3 Month Basic
  • 54 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
Have a link for the page with the font on?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Sure,

Check this one for example: www.portal-gestao.com/item/7467-15-regras-de-gest%C3%A3o-por-estee-lauder.html
  • nunonogueira's Avatar
  • nunonogueira
  • 3 Month Basic
  • 54 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
Looking at the page I see problems relating to the google ads

These are not responsive - is it an option to disable them on mobiles? (I'm not a 100% sure you can disable the ads - given how google code the ads)

I'd also look to adjust the width of the main content on mobile width in the template settings

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
It is possible to make google ads responsive.
The ones on sidebar-1 are responsive, although you'll have to refresh the page once you change its size.

But my concern is mostly directed to the headings.
Check the home page big heading on a mobile for an idea.
  • nunonogueira's Avatar
  • nunonogueira
  • 3 Month Basic
  • 54 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
The code is coming from google in an iframe

The headings need a media query given the large size

@media (max-width:480px) {
p a.moduleItemTitle {font-size: 24px;}
}

so you would set the max width as applicable and the font size
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
And it would be added to the custom.css file

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers