Responsive text in Pro

[arscommunication]

Hi there,

I used the responsive text feature on earlier releases of X and Pro. But now I can’t make it work anymore. I only found this old explanation which is 5 years old:

Getting responsive text to work

Hello Wayne, Thanks for asking. I tested your website on different mobile screen resolutions and text is responsive and I don’t see any issues. However, I did noticed that if screen resolution is 480px or above there’s extra margin on both sides of the screen. To fix that problem, please add following CSS under X > Theme Options > CSS: @media all and (max-width: 480px) and (min-width: 1024px) { .x-container.max { width: 98%; } } 1- I have found the proper CSS code sele…

There it was mentioned that you have to add the v2 text element class to your own selector. But I think that they aren’t the same anymore, right?

I would like to make my lead responsive so that it won’t take as much space on mobile as it does now. I’ll send you the credentials in a secure note. If you have a look into that I’d be really graceful. Also I realized that you can only use px there, not em. Is that correct?

Thanks
Christian

[tristup]

Hi Christian,

Thanks for reaching out.
I would suggest you use the Responsive Styling options instead of that. Please find the documentation below.

Responsive Styling | Themeco Docs

Hope it helps.
Thanks

[arscommunication]

Hi there,

wow, this seems to be really really powerful. Thanks a lot for the hint.
But you just have to know that you are able to click on elements like «size» to extend the view for different screen sizes. That’s why I would have never found it, if you didn’t tell me.

Thanks again.

[tristup]

Hi Christian,

Glad that we are able to help you.

Thanks