Hello! Thank you for your reply. I appreciate! Could you please tell me all the way till this step, where exactly to enter this code, like which section in “edit code”? I’m assuming this code will be also in a very button of the section? And yes you are right I was able to play with it yesterday and made my logo bigger but now it’s a little bit needs to be smaller. Thank you.
Also I have another question. How I can delete extra space after header on the main page. Thank you so much and have a great day!
You can change 10px to what ever suits your design. Also, your logo image has some extra white space top and bottom, so if you crop it more tightly before uploading it, that would also effect the header height.
Thank you, the size of the logo was able to change! It looks perfect now! The second code for the deleting the space doesn’t work at all. Can I send you pic of my screen somewhere please? Thank you.
Hello! I found a solution that will allow you to make the logo larger on desktop as well, because it is likely too small there as well. If you navigate to “Header.Liquid” within the code editor, you will be able to modify the max/min logo size easily. Between lines 355-361 you will find the parameters for the logo size. Edit the max height to whatever you would like and adjust the logo with the slider within the theme editor dashboard.
The default “max” height is 60px, I changed it to 120px to suit my needs. This will change the max size for desktop, but both are equally too small IMO, so you will need to add the Style mentioned above in order to make the logo larger on mobile. It does work, make sure you use the .scss extension.
Hello! I found a solution that will allow you to make the logo larger on desktop as well, because it is likely too small there as well. If you navigate to “Header.Liquid” within the code editor, you will be able to modify the max/min logo size easily. Between lines 355-361 you will find the parameters for the logo size. Edit the max height to whatever you would like and adjust the logo with the slider within the theme editor dashboard.
The default “max” height is 60px, I changed it to 120px to suit my needs. This will change the max size for desktop, but both are equally too small IMO, so you will need to add the Style mentioned above in order to make the logo larger on mobile. It does work, make sure you use the .scss extension.
