Tagged: special heading
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
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
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
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
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,
Victoria