Responsive elements css code

[webxid]

Is there a css code to many any element responsive and display properly across all devices?

[friech]

Hi Daniel,

Thank you for writing in, 1)please navigate to X > Theme Options > Typography and set the Root Font Size accordingly.

Each of those value XS (extra small), SM (small), MD (medium), LG (large), and XL (extra large) represents a screen width, so you would want to set a smaller value on XS and SM, and higher (not too much) value on MD, LG, and XL.

Now, all the common text/headline of the site will be base of those values, and Then on your elements, you can use the rem unit, rem Units Along with Differing Root Font Sizes you can set different root font sizes for each breakpoint of the theme, which allows all text across your website to be responsive. Remember, you are setting the base sizes for your theme overall, so this will affect everything, but starting with larger numbers on desktop and going to smaller values on smaller screens will help the overall responsiveness of typography on your website. Then, you can utilize rem units in the builders to scale text up and down based on the root font-size.

Hope it helps,
Cheers!