Title size smartphone

Hi,

On my website https://beleefhongarije.eu/ i’ve already changed the size of the logo top left. But i also want the text BELEEF.HONGARIJE smaller when it’s on a mobile phone. Because at the moment the E is on an new line.

code for logo:
/Mobile Logo/
@media only screen and (max-width: 700px) {
#header .top-header .header-logo {
font-size: 40px;
color: #fff;
}
}

Can someone help?

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the title font size by going to Appearance > Customize > Additional CSS and pasting it there.

@media screen and (max-width: 700px) { body #header .bottom-header h1 { font-size: 32px; } }

Best Regards,
Support