How to shrink font size on mobile version

Hi there

I’m very happy with Shapely. Thanks for creating this theme.
I found a lot of answers in your support forum, that’s really great.
Now, I have also a question.
On desktop version I use font size for titles H2 oder H3.
In mobile version it’s to big, it cuts off the words weird or there larger than the screen.

see menue: Page “Geknüpftes” title “meine Freundschaftsbänder”
see menue: Page “Genähtes” at the end “no 8, Schlüsselanhänger”

Thanks for your help.
Best regards,

Hi Evelin

You can use this custom css ovveride to make changes on your font style:

@media (max-width: 767px){
h2 {
    font-size: 21px !important;
h3 {
    font-size: 18px !important;

You need to add this code in the Appearance > Customize > Additional css

Kind regards

Many thanks, it works.

Thank you and have a good day :slight_smile: