Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 12, 2016 at 5:57 pm #612050
    1039 Online

    Hello. Within a text block element I have text that I’ve set to 120px and H1
    <h1 style="text-align: center; font-size: 120px;"><strong>PHOTOS</strong></h1>
    The text is not being responsive. On a phone, part of the word is cut off. How can I make the text responsive and still have it large enough on a desktop?

    Thanks.

    April 12, 2016 at 6:22 pm #612069
    Andy

    Hi 1039 Online!

    use this code inside of Quick CSS field:

    @media only screen and (max-width: 767px) {
.avia_textblock.av_inherit_color h1 {
font-size: 72px !important;
}}

    and adjust as needed.

    Regards,
    Andy

    April 12, 2016 at 6:35 pm #612081
    1039 Online

    Worked great, Andy. Thank you.

    April 12, 2016 at 6:59 pm #612098
    Vinay

    Hi!

    Glad we could help! we really appreciate if you rate our theme on themeforest :)
    Please feel free to get in touch with us if you have any questions.

    Thank you for using Enfold :)

    Cheers!
    Vinay

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Large text in text element not responsive’ is closed to new replies.