Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1217817

    Where do I find the default font sizes for various screen sizes? It appears that Enfold is automatically reducing some <p> sizes on mobile view to under 17px which is what I have set in General Styling settings and I am getting dinged by Google for not being mobile friendly.

    #1217975

    Hey williamslyd,

    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) {
      #top .all_colors p {
          font-size: 20px;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1217999

    Thank you, but I need to know where I find all of
    default font sizes for all screen sizes.

    Thanks again

    #1218028

    Hi williamslyd,

    You can look at this file
    /enfold/css/base.css and other files in this folder.

    Best regards,
    Victoria

    #1218508

    Hi,

    Here is my question: how does Enfold handle responsive font sizes? Does Enfold reduce the size of fonts by a percentage or are there set default font sizes for the <p> and various H tags as screen sizes shrink? I cannot find any code related the responsiveness of fonts in the css files you linked to. Could you please point me the precise code in the specific file in the css folder that addresses this?

    THanks,

    Lydia

    #1221293

    Hi williamslyd,

    Well, there is no one place where that css is written, there are different styles for different Advanced Layout Builder elements and so the global settings for headings and p can be redefined by that css. You can write your own css that will rule the font sizes for the elements that you need.

    Best regards,
    Victoria

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.