-
Posts
-
Hi there. I’m using the Enfold Child Theme and I have my H1 set to Merriweather 42 point, which is great for desktop, but too large for mobile for a series of pages I have created as staff profiles. Is there something I can do to reduce the H1 font on these pages on mobile, without affecting a) desktop view; and b) other pages? If that’s not possible, at least not affect desktop view? Link to page included in Private Content.
You have seen that new typography tab on enfold (child) – general styling:
and it is for all pages/posts a setting.
(click to enlarge)
a lot of alb elements with headings do have a similar input field on styling tab f.e. heading alb element:
next tip – if you know the right selector for those headings you can be very specific on changing those font-sizes by setting media query for it.
f.e.:
@media only screen and (min-width:768px) { h1.av-special-heading-tag { font-size: clamp(24px, 3.5vw, 50px); } } @media only screen and (max-width:767px) { h1.av-special-heading-tag { font-size: clamp(22px, 6vw, 50px); } }with a decision to make it via flexible font-size definition etc. pp
Thank you. I don’t see the typography tab, but the other method seems to work if a little time-consuming.
Hi,
Thanks for the update. If you don’t see the typography tab, then please update to the latest version of the theme: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.
Best regards,
Rikard
- You must be logged in to reply to this topic.