Logo too big in heading on desktop

Shopify Discussion
1

Hi there!

I have a problem with the logo. https://www.eco-notebk.com/?_ab=0&_fd=0&_sc=1

It is way to big in the desktop version, on mobile the logo performs great.

I tried to upload a smaller version (550 x 110px) but then it looks like the logo is magnified and of course quality is horrible.

I am not sure what to do, any help is apreciated.

Amandine_0-1666950387528.png
Amandine_0-1666950387528.png400×225 73.7 KB

Amandine_1-1666950472973.png
Amandine_1-1666950472973.png400×225 80.7 KB

2

@Amandine_1

Hope you’re safe?

To fix the issue you’re facing in your store about your logo not displaying well on desktop mode

Go to your theme and get it fix in header section

3

@Amandine_1
Hello,
Add This Logo

logo (2).png

Or

.normal-logo {
	width: 40%;
}

@media screen and (max-width: 768px){
.normal-logo {
	width: 80%;
}}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->timber.scss.liquid

like This

oscprofessional_0-1666957279021.png
oscprofessional_0-1666957279021.png1394×716 136 KB

4

I managed to fix it, thank you!