Making Marquee H1 Headings Responsive (shrink on smaller screens)
For example, the H1 heading on this page is enormous on mobile devices:
To make it shrink, you need to open up the Heading element in the backend editor and select "Typography." Then you click on the arrows next to Font Size and Line Height to open up the "Responsive Options." They will be be blank upon first opening them. Fill them in with numbers similar to what you see below, noting how the font size shrinks with each screen size and how the line heights are about 4 pixels larger than their equivalent font size.
Save your changes.
Now you can see how the H1 font is appropriate for a mobile device.
