Goal: increase the logo height in the Basel (Shopify) theme header.
Initial step: a helper requested the store URL and password to inspect.
Proposed fix: add a small code snippet to theme.liquid (the theme’s main layout file) before the tag, with an adjustable pixel value to change logo height. Visual results were shared via screenshot links.
Outcome: the change worked for desktop, but it also increased the navigation bar height, which the requester found visually odd.
Mobile issue: the requester reported the updated logo does not appear on mobile, with the old logo still showing. This was mentioned twice for emphasis.
Follow-up: the helper tested across different screen sizes and saw the updated logo, sharing multiple screenshots as evidence, and asked the requester to provide a mobile screenshot showing the issue.
Status: partially resolved. Desktop logo height increase achieved; mobile discrepancy and navbar styling side effects remain open. Action item: requester to share a mobile screenshot to continue troubleshooting.
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,
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
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 tag and save.
[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.
Thank you. That worked!
Kind regards
it changed the height of my navigation bar now and that is looking odd
Also the logo didn’t appear on my mobile website. only on desktop. My old logo is still showing on the mobile website.
The logo didn’t appear on my mobile website. only on desktop. My old logo is still showing on the mobile website.
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.
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.
