Solved

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

coegawear1
New Member
5 0 0

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,

Accepted Solution (1)

Anshul_arora
Navigator
390 111 78

This is an 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 -:

Anshul_arora_0-1708340374478.png

 

I hope the code helps you.

Please let me know if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
3808 962 1193

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

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Anshul_arora
Navigator
390 111 78

This is an 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 -:

Anshul_arora_0-1708340374478.png

 

I hope the code helps you.

Please let me know if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
coegawear1
New Member
5 0 0

Thank you. That worked!

 

Kind regards

coegawear1
New Member
5 0 0

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

 

coegawear1
New Member
5 0 0

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

 

coegawear1
New Member
5 0 0

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

Anshul_arora
Navigator
390 111 78

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.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here