Hi, I am having trouble with the header logo on my site. There two major problems Im running into are that quality and the size of the header. When I try to upload my logo (png file) the quality of the logo is severely decreased and the logo becomes pixelated. Also when I upload my logo my whole web…

@ukitu thanks for details please try this code Go to Online Store->Theme->Edit code Asset->/theme.scss.liquid->paste below code at the bottom of the file. .site-nav { margin-top: 0 !important; }

@ukitu Sorry you are facing this issue, it would be my pleasure to help you. Welcome to the Shopify community! :blush: Thanks for your good question. Please share your site URL, I will check out the issue and provide you a solution here.

Hi Ketan my website address is: https://dotyu.myshopify.com/ thanks for you help

@ukitu yes please add this code Go to Online Store->Theme->Edit code Asset->/timber.scss.liquid->paste below code at the bottom of the file. .logo__image-wrapper { max-width: 130px!important; }

Thanks for the reply and suggestion. I tried this and it didn’t do what I was looking for. Luckily enough this helped me achieve what I was attempting to do! Really appreciate the help.

@ukitu yes please give me screenshort

[Header space edit] Hi Sent pic showing what I was referring to. I was wondering how to reduce the space (marked in blue) between the logo and the menu items

@ukitu its my pleasure to help us

@KetanKumar @KetanKumar @KetanKumar Hello Ketan :slightly_smiling_face: Please could you help me to make the logo appear on my page as it is in the image that I send you? The problem is that if I increase the size of the logo, the size of the header also increases. Because the header keeps the …

How to maintain logo quality and reduce header margin on my website?

Store Design

ukitu November 1, 2021, 4:08am 9

Thank you!

That did the trick

1 Like

Topic		Replies	Views
How can I adjust the size of my logo and icons without altering the header bar? Store Design	9	150	October 24, 2021
How can I decrease the size of my header logo? Store Design troubleshooting	6	37	December 13, 2021
How can I adjust my store header without shrinking the logo? Store Design	18	155	February 24, 2023
How to change header logo from being blurry -- Studio Theme Store Design design , header , css , shopify-themes , troubleshooting	6	62	October 9, 2023
How to prevent logo quality loss in Prestige theme header? Store Design	7	43	January 18, 2023

How to maintain logo quality and reduce header margin on my website?

Related topics