How to's

  1. Home
  2. Docs
  3. How to’s
  4. How to change the font size on mobile devices?

How to change the font size on mobile devices?

We are planning on giving the ability to change the responsiveness of the Font Manager in future updates. 

Currently, the only option to change the font size on mobile is using custom CSS only. You can apply the custom CSS on the local or global CSS option in Visual Composer.

Each text that you applied to a page will have a different selector. You need to look for the selector on the text that you want to change, then you can use some custom CSS like this:

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  div.example {
    font-size: 30px;
  }
}
Was this article helpful to you? Yes No

How can we help?