Hi there Enfold team!
Is there any way for me to make the font size smaller on a mobile device portrait view? The font size is set to 45 and I’d like to reduce it to about 25 when displayed on mobile because the current font size it too big for mobile portrait display.
Portrait view on mobile
Landscape view on desktop (1366×768 resolution)
My current settings. They don’t seem to work when I view this page on mobile.
Hey hackoffseries,
Which font are you talking about? The headings?
Best regards,
John Torvik
Hey John!
Thank you for your response. Yes that is correct, the headings (ENVIRONMENTAL). Some other pages like ‘INSPECTIONS’ and ‘EVALUATIONS’ (under SERVICES tab) have the same issue.
They’re set to size 45 but unfortunately words that are longer than 9 characters are cut at the end. I don’t want to make them smaller as it will not look good on desktop view, I was hoping we can make the font of the heading responsive, displaying them as size 45 on desktop, and then on mobile maybe set to about 25 so they fit at the top?
Thanks!
Hi hackoffseries,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
.av_textblock_section .avia_textblock p * {
font-size: 25px !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Victoria you are a superstar! Works like a charm thank you!
Thank you too John! Enfold Support is the best!
Please go ahead and mark this as resolved. :)
Hi hackoffseries,
Glad we got things working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria