I have used the Webflow Style Guide to create my own style guide. As I figure out my content and design I go back to the style guide and change the “All
Headings” for example.
I’m using em as font size.
I would like to make the default H1 on mobile a bit smaller (probably the H2 size on desktop). Is that possible??
Of course! The way to do that is to go down the different views at the top of the page, they go from desktop to mobile, and select ‘mobile’. Then, in mobile view, you select all h1 headings (or a custom H1 if you’ve got that set up) and apply the new size. That’s all, that way the font size for your H1 will stay the same on desktop and tablet and be smaller on mobile.
Let us know if you’ve got more questions. That’s what we’re here for.