To change font sizes on a page level for different screen sizes in Elements, you’ll want to use the Theme Studio. Here’s how you can do it:
Open Theme Studio: Go to the Theme Studio in Elements.
Select Typography: Choose the Typography settings where you can manage font sizes.
Responsive Sizes: Set different font sizes for various breakpoints (e.g., sm, md, lg). This way, you can have different sizes for mobile, tablet, and desktop views.
Apply Changes: Once you’ve set your desired sizes, apply the changes, and they will reflect across your site.
Remember, using Theme Controls ensures your site is responsive and looks great on all devices.
Do all your smallest screen settings first. Get them right for the small screen. Now as you cycle up through your screen sizes you should see a small dot that you can click on to the left of the settings, this decouples from the small screen size and lets you override it. Keep doing that as you move up screen sizes.
