Header Topic size on mobile

Illdy
1

Hello,

i’m trying to change the Header Topic for the mobile version, because it doesn’t fit in one line.

I’ve tried a few of the suggestions in other Topics here, like:

@media only screen and (max-width: 700px){
.top-header img {
height: auto;
width: 70px;
}
}

But nothing changed. Does anyone know what exactly i have to write in the css field?

Thanks!

2

Hello there,

I hope you are doing well today.

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


/*Header font size*/
@media screen and (max-width: 500px)
body #header .bottom-header h1 {
    font-size: 30px;
}

Best Regards,
Support

3

Hello Support,

thanks for the fast answer, i didn’t expect that.

I pasted it there and he didn’t know what to do with body (picture)

Best Regards,

Melli

4

Howdy

Please try this version of CSS:

/*Header font size*/
@media screen and (max-width: 500px){
body #header .bottom-header h1 {
    font-size: 30px;
}
}
5

Thanks a lot! It worked! :slight_smile:

6

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support