This is a text with 90px size for desktop and 60px for mobile.
This is a text with 70px size for desktop and 40px for mobile.
This is a text with 20px size for desktop and 20px for mobile.
Documentation
Upload the latest styles of helper classes to your website ( Matrix themes menu> Updates> Helper classes )
How to use
1. Using the module 'TEXT' inside the columns.
Create something great.
All variable classes
<var>m-span-60</var>
<var>m-span-55</var>
<var>m-span-50</var>
<var>m-span-45</var>
<var>m-span-40</var>
<var>m-span-35</var>
<var>m-span-30</var>
<var>m-span-25</var>
<var>m-span-20</var>
2. Using the module 'Widget/HTML'
Create something great.
<div class="m-span-60">
<h1><span style="font-size: 80px;">Create something great.</span></h1>
</div>
This update is useful for the specific elements of your website having a large font size and setup with inline style ( module 'text' or
'Widget/HTML'.
In case you wanted to setup the mobile text size globally through the whole website, you'll need to use the template configurations section of the style editor ( e.g.
classes 'm-text-15' for the global text or 'm-size-30' for the headings. For more details, please check the following blog post:
https://www.matrix-themes.com/2022/05/01/matrix-themes-updates-02/
Scaled text
This is a large heading of 90px
This is a large heading with very loonghdhfjhdicbfgggggs word
This is a large heading of 70px
This is a large heading of 55px