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