I am using the SENSE theme and would like to reduce the size of my headers. If possible, I would like to extend the range of the font size scale to allow for smaller headers. If that is not possible, can anyone provide a code to specifically reduce the font size of the page headers? I have successfully reduced the size of the collection headers using code I found from a previous user’s request.
1 Like
Hi @PJPros463
Seems like you have this problem for a long time.
The header begins with h1 with the code. h1,h2,h3,h4,h5 and h6.
In order to change the header of the pages you need to change which h’s they are.
The page header is h0, find this code on the base.css file.
Currently the size of your headng page is 5.2rem you reduce the size of the rem or even can used a px.
You can leave a comment for the code so sooner or later you like to change it again then youll know.
And also the near code or the before and after line of this code are the other header of your store. You just need to identify them.
When I reduce the size of the rem.
Result:
Finalize your edit and save. Please change only the number or unit of measurement.
I hope it help.
Hello @PJPros463 ,
If you want to change the size of the text in the header, please follow this tutorial I hope this is very helpful for you.
Thanks!