Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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?

    Cheers

    A

    #1174843

    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,
    Rikard

    #1176144

    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 4 years, 10 months ago by neverstar.
    #1176203

    Hi,

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

    Best regards,
    Rikard

    #1176606

    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.

    #1177786

    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,
    Victoria

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