[sazerelli]

Hello!

I want to make my logo bigger, I tried

.custom-logo {
max-width: 100%;
}

but it didn’t work. I have a couple of other additional CSS code for my logo to centre it and float at the top above the menu which is working.

My website is sazerelli.com

Please can you review and advise the CSS I need?

Many thanks!

[Skandha]

@sazerelli: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width:1023px) {
	.custom-logo-link img {
		width:12%;
		max-height:200px !important;
	}
}

Let me know if this solves your issue!

Regards,
Skandha

[sazerelli]

Hi Shandha,

Thanks for getting back to me. That has worked and made my logo bigger, but the resolution seems to be really low. I have used a high resolution .png image, but it seems to have compressed it to much.

Do you know why this might be?

Thanks!

[Skandha]

@sazerelli: Since you want the logo to be bigger than it’s original size the resolution of the logo has decreased.

Let me know if you have anymore issues.

Regards,
Skandha

[sazerelli]

Hi

I’ve tried numerous sized logos, and its still low res. I readjusted to a 200px height logo and it still seemed to be stretching it, even much bigger logos its doing the same.

Anything else I can try?

Thanks

[Skandha]

@sazerelli: You seem to have uploaded a larger image than the previous one. You can remove the previous css I provided you and then i think the the logo will look much better.

Let me know if this solves your issue.
Regards,
Skandha

[Author]

Posts