Mobile, Logo

Hello Celeen,

Hope you are having a great day and thanks for contacting us!

Please go to WP Admin > Appearance > Customize > Additional CSS and inside that box, add the following code:

@media (max-width: 767px) {
.logo .header-logo-text {
line-height: 30px;
font-size: 30px;
}
}

And change the 30px (in each line), for the new size of the logo you want.

Please, let me know if you need any further assistance.
Kind regards,
Diego

Hello @corewpress,

the code you proposed to me does not work, nothing changes.
If you have another code in your bag, I take it!

Kind regards,
Celeen

Hi Celeen,

Could you share your URL so I can see this first hand?
Thanks.
Diego

Hi Diego,

Here the URL of my site : https://www.arthings.fr

Thanks for your help.
Celeen

Hi Celeen,

The reason you can’t enlarge the log is because the image you’ve created has a los of white space on the sides, so when the responsive method is trying to reduce, it’s taking the whole image to make it fit.

Take your logo and cut the white sides of it, just leaving the real text in the middle. That’ll make your logo bigger on the mobile view.

If that’s produce an unexpected effect in the desktop view, please let me know so I can help fix that as well.

Please, let me know if you need any further assistance.
Kind regards,
Diego

Hi Diego,

Actually by removing the white on the sides it enlarged the logo on the mobile version but on the desktop version, it becomes huge.

I wonder if I should not leave it like this. Otherwise can you tell me if the size of the logo on mobile version bothers you? Thank you for your time.

Kind regards,
Celeen

Hi Caleen,

As a general rule, you should use your images cropped to fit the real image. If you need space on the sides, or need it smaller, you could always use CSS for that.

My suggestions is leaving it as is (cropped in mobile), and adding some CSS to recude the size on the desktop version.

If you add your new cropped logo, let me know so I can check that for you.

Kind regards,
Diego