Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1174654

    Hi team, I have searched the forum and couldn’t find anything.

    I love the variable font size for responsiveness but on mobile it sucks. Is there a way to set a minimum size on special headings? So that way when it switches to mobile it retains some of the look and feel?




    Hey Anthony,

    I’m not sure I understand your question, could you post a link to an example of the problem and try to explain a bit further please?

    Best regards,


    It’s pretty simple hopefully.

    When you use variable type in a special heading, it resizes to fit the available space. However, the type is way to small and ends up being smaller than the 21pt subheading size.

    I want to be able to control the minimum size on variable type for mobile.

    Website in private content

    • This reply was modified 3 years, 10 months ago by neverstar.


    Thanks for the clarification. So which element is this not working on? Where can we see your settings for the element?

    Best regards,


    There are only two active pages. Both using special headings. This is most likely a Quick CSS answer.

    Can the variable type size in special headings have a minimum size so when it scales, it doesn’t become a small heading. Resize the front page to mobile. The type does not scale properly. Same on the about page. When you re-size it, it becomes far too small.


    Hi neverstar,

    Are you referring to this heading?

    You can play with this css:

    @media only screen and (max-width: 767px) {
      #top #wrap_all .av-inherit-size .av-special-heading-tag {
          font-size: 32px;

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.