Responsive text logo


I have a problem with the responsiveness of my text logo. Whenever I check my website on my mobile phone the textlogo shows:
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!

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,