Hello! How do I reduce the size of an H1 (that has the class "light" applied to it) when viewing on mobile? Right now it doesn't appear to be reducing in size at all. Thanks!
I thought about this as well but what I ended up changing everything from pixels into em's or ex's. This is really cool because it changes for each device evenly. Perhaps just a suggestion to go from pixels to em too.
Hello! How do I reduce the size of an H1 (that has the class "light" applied to it) when viewing on mobile? Right now it doesn't appear to be reducing in size at all. Thanks!
Hey Jon!
Add this into the Custom CSS box located in your Salient Options panel:
@media only screen and (min-width : 1px) and (max-width : 1000px) { body h1 { font-size: 20px!important; } }Brilliant, thanks much!
I thought about this as well but what I ended up changing everything from pixels into em's or ex's. This is really cool because it changes for each device evenly. Perhaps just a suggestion to go from pixels to em too.
Then it will be extremely mobile friendly.
Just food for thought.
Thanks for mentioning! :)
Cheers
Ah, good thought on using em's. Perhaps in a later update the entire theme would use em's?