Reply 315354 to: Search bar problems and a little customization help

Avatar: Olga Barlow
Olga Barlow
Support staff
January 27, 2022 at 11:24

Hello,

Use the px for the parent element and em for the child elements. For example, if you set 14px for the product li element and set 2em for the product title element (child element of the list) https://prnt.sc/26k2sz9 then you’ll get 28px for the title. In this case if you decide to reduce/increase the size of the parent element then child element will be reduced/increased in 2x size.

14 px comes from the html https://prnt.sc/26k2vo3 Then we use rem and proportion variable https://prnt.sc/26k2w29 You need to learn CSS a little bit to find out. There are a lot of courses if you want to study that.

But when I want to define fonts for the pages I make with the builder, it asks me to uncheck the option for elementor to take care of the typography.

Provide screenshot for better understanding, please.

Does the font sizes affect the responsive version in Xstore? Or does xstore handle the mobile version independently?

We use media queries for some cases and also we reduce the html font-size to 13px for mobile devices https://prnt.sc/26k32pe , so all the sizes based on the rem are reduced.

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.