How to shrink font size on mobile version

Shapely
1

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.

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

https://anik.kokobelle.ch/1

Thanks for your help.
Best regards,
Eveline

2

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

3

Many thanks, it works.
Eveline

6

Thank you and have a good day :slight_smile:

Regards