Responsive text logo

Illdy
1

Hi,

I have a problem with the responsiveness of my text logo. Whenever I check my website on my mobile phone the textlogo shows:
Speelvo
L
www.speelvol.nl
With the last letter on the next line. With a smaller phone is shows the same problem but worse.
What can I do to solve this problem? Pleas help. Tnx!

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to reduce the font size on smaller screens by going to Appearance > Customize > Additional CSS and pasting it there.


/*Reduce font size on small screens*/
@media only screen and (max-width: 768px) {
#header .top-header .header-logo {
    font-size: 48px;
}
}

Best Regards,
Support