Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 4, 2020 at 2:28 pm #1250413
    Meier-Greve

    Hi,
    I tried to change font size of h1, h2, h3 for mobile devices only. I have implemented the following css-code:

    @media only screen and (max-width: 479px) {
    h1 { font-size: 24px;}
    h2 { font-size: 24px;}
    h3 { font-size: 24px;}

    Now, H1 font size has changed as awaited. But h2 and h3 are still the same. What could be the problem?

    Best regards,
    Daniel

    October 4, 2020 at 7:37 pm #1250478
    Victoria

    Hey Meier-Greve,

    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: 479px) {
    .responsive #top h1 { font-size: 24px;}
    .responsive #top h2 { font-size: 24px;}
    .responsive #top h3 { font-size: 24px;}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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