Logo and header size in the mobile version

Illdy
1

Hi,

I would like decrease size of the logo and header in the mobile version - it’s too big!. All the codes I found on the support forum do not work!

Please help :slight_smile:

Mario

2

Hi there

Hope you are having a good day and thank you for your question :slight_smile: In order to check your question i need to see your live website, please provide url and i will take a look

3
4

Hello there,

I hope you are doing well today.

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


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

Best Regards,
Support

5

When I add the code it appears error message!

6

Hello there,

There was not an open bracket, try this instead:



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

Best Regards,
Support

7

Works perfectly! :slight_smile:

Thank you very much :slight_smile:

Regards,

Mario

8

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