-
AuthorPosts
-
September 26, 2017 at 6:26 pm #857075
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.
September 27, 2017 at 5:36 am #857281Hey hackoffseries,
Which font are you talking about? The headings?
Best regards,
John TorvikSeptember 27, 2017 at 10:10 am #857407Hey 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!
September 27, 2017 at 6:12 pm #857655Hi 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,
VictoriaSeptember 28, 2017 at 11:45 am #857965Victoria 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. :)
September 28, 2017 at 1:20 pm #858020Hi hackoffseries,
Glad we got things working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.
