Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1428100

    Hello,
    I posted this yesterday, though I’m not shure if my thread arrived, so I’m posting again.

    Although I have found many good tips on responsive text in the support forum, I have not yet managed to make the text blocks responsive so that they adapt to the width of the screen in the mobile phone view.

    I have tried it with:

    body {
    font-size: 16px;
    }
    @media screen and (min-width: 320px) {
    body {
    font-size: calc(16px + 6 * ((100vw – 320px) / 680));
    }
    }
    @media screen and (min-width: 1000px) {
    body {
    font-size: 22px;
    }
    }

    …which benefits the overall layout of the webpage, but the text blocks remain statically unchanged. I have the Enfold Rockband Team as a template for my homepage. It has blocks for the band masters whose text adapts perfectly to the width of the mobile phone. Unfortunately, I cannot embed text with links in it, so that the text adaptation would be solved.

    Please kindly ask for support, as I have already spent several hours trying to solve the problem.

    Many thanks in advance and best regards!

    Juan Carlos

    #1428122

    Hey juancarloszeta,

    Did you try out the settings under Enfold->General Styling->Typography?

    Best regards,
    Rikard

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