Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #1795150
Text size is not responsive.
Closed

Comments

  • amit82886 started the conversation

    I had increased the text size of a text block at 200px through Span Style coding  in html tab of text block and it's good on desktop but it's not responsive on mobile. i had attached the images for reference. 

  •  7,280
    Oliver replied

    Hi,

    1. Add any class in the row or column settings with this block, for example custom-font-size.

    2. Use following css example to control it for the different screen resolutions:

    @media (max-width: 1000px) {
    .custom-font-size .title-xlarge span {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    }
    @media (max-width: 768px) {
    .custom-font-size .title-xlarge span {
        font-size: 30px !important;
        line-height: 30px !important;
    }
    }
    @media (max-width: 500px) {
    .custom-font-size .title-xlarge span {
        font-size: 20px !important;
        line-height: 20px !important;
    }
    }

     

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver