-
Posts
-
Hello to everyone !
Please excuse me for my rusty english. I noticed that the size of my fonts does not adapt to different screens. Indeed with the basic settings, on a smartphone the size is perfect. On the other hand, it becomes too small on a 36 inch for example. Is there an adaptive function for different screens? Thank you in advance.Hey Arobazinfo,
Thank you for the inquiry.
Which elements are you using? You can specify font sizes for different screen width in the Enfold > General Styling > Advanced Options: Customize Typography Settings section. You can also edit certain elements in the Enfold > Advanced Styling panel and use css media queries in the Enfold > General Styling > Quick CSS field to further adjust the style of certain elements. Please check the article below for more info about css media queries.
// https://css-tricks.com/a-complete-guide-to-css-media-queries/
Best regards,
IsmaelHi Ismael !
I’m using Enfold last version and Enfold Child Theme. If i read you well, you suggest me to specify different screen into the setting. That could help me in a way but i’m a lazy dog and your css link isn’t easy to read. I understand the complexity of the browsers number, and different type of screens make the problem bigger. I just ask if i could find a middle setting. Just a good deal between all of this stuff !Best regard
Hi,
Thank you for the update.
Have you tried adjusting the font size values in the Customize Typography Settings ? You can adjust the default font size and specify different values for small, medium and very small screens. You may need to add custom css media queries for other screen sizes that are not covered by the typography settings.
Best regards,
Ismael
- You must be logged in to reply to this topic.