How to change the font size of headings in mobile and desktop versions?

How to change the font size of headings in mobile and desktop versions?

Need to apply different sizes for the same header.

Hello,

Please edit the page in the Elementor >> then select the Responsive view of the page and make the changes accordingly: https://ibb.co/2KdfGJJ

Best Regards.

Thank you. But.

1. I showed the product page in the screenshot and even gave a link.

2. I don’t use Elementor on product pages

Hello,

You are Most Welcome.

You can try using our Typography settings under Theme Settings >> Typography.

You can read our detailed documentation about advanced typography in the following link:
https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

It’s a pity. I don’t think you gave a clear answer to a clear question. I think that you do not have this functionality or the support team does not know how to do it. The template is good but in this matter you need to think.

Hello,

Our theme’s advanced typography settings allow the change in the font and typography. You are not getting it right.

Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.wd-tab-wrapper h2 {
    font-size: 20px;
}

It will change the heading size for mobile devices. But if you put in Custom CSS for the Desktop area it will change for Desktop.

Best Regards

[Author]

Posts