I have a transparent logo and the website header is far too big, even when I reduce the logo size. Why is this happening and how do I fix it? Is this normal for Shopify?
The website is: www.anatolys.com
Hi Skyguy89,
I’m Richard, CRO Expert from the PageFly team. Regards your problem, it’s likely that you’re reducing the image size, not the display size. I’ve checked your site and found out that if you can change the display size of it, the header will become smaller. A quick test, remove the logo and you will see the expected result. Upon checking the DOM of your header, I think changing the padding around the logo can also be a good solution. To do it, follow my suggestion here.
-
Please navigate to your Online Store => Themes => Current Theme => Action => Edit Code => theme.liquid
-
Search for and place the below code just above it
You can change the 20px to a smaller or bigger number as you wish. Hope this helps.
Best regards,
Richard | PageFly
Hello, this didn’t work for me. Am I doing something incorrectly?