How can I increase my logo height in the Basel theme header?

[coegawear1]

Hi,

I am currently using the Basel theme and would like to increase the size of my logo, in height as it is currently appearing quite small. 

I tried quite a few code changes suggested in other articles, but wont work.

Kindly advise.

Thanks and regards,

[Moeed]

Hey @coegawear1 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Anshul_arora · Accepted solution]

Hello @coegawear1 ,

I understand you are looking to increase the size of your store logo.

You can implement this change by adding the below mentioned code in your theme.liquid file.

Please add this code at the bottom of the theme.liquid file before </body> tag and save.

<style>

.site-logo img {
max-height: 110px !important;
}

</style>

[Please feel free to change the height(pixel) of the logo]

=> https://prnt.sc/UEz0kzECrsHJ

Output -:

I hope the code helps you.

Please let me know if you have any query.

Thank you.

[coegawear1]

Thank you. That worked!

Kind regards

[coegawear1]

it changed the height of my navigation bar now  and that is looking odd

[coegawear1]

Also the logo didn't appear on my mobile website. only on desktop. My old logo is still showing on the mobile website.

[coegawear1]

The logo didn't appear on my mobile website. only on desktop. My old logo is still showing on the mobile website.

[Anshul_arora]

Hello Coegawear,

I have checked the site in different dimensions and the logo is appearing at my end, I have also attached some screenshot of the same.

- https://prnt.sc/jEcNMiqeNFHt 
- https://prnt.sc/eCQBRTuWdYdP 
- https://prnt.sc/q3zd9KtPtQEx

Please take a look

If possible, kindly share a screenshot of the mobile site from your end in which the logo is not appearing.

Thank you.