Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 9, 2016 at 6:25 pm #645620
    jordanvidrine

    How do I get to a setting to change the size of the font and image on mobile?

    I have a color area with a background image. Inside the color area is a heading and text underneath. Its pretty nice looking and large on a desktop but on the phone the text is still really huge and goes off the screen.

    June 9, 2016 at 9:46 pm #645785
    Basilis

    Hey jordanvidrine!

    There are CSS rules, that can be used for different size screens.
    Please take a look here

    CSS Media Queries & Using Available Space

    and use them for the selectors you need.

    Let us know if we can do anything else for you

    Cheers!
    Basilis

    June 9, 2016 at 10:18 pm #645794
    Vinay

    Hey jordanvidrine,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
.av-inherit-size .av-special-heading-tag {
    font-size:30px;
}
.av-subheading p{
 font-size:16px;   
}
}

    Best regards,
    Vinay

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