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