Need to enlarge my logo in my header?? (using a blockshop template)

Technical Q&A
1

I cannot increase the size on my logo in my header on my website (using the blockshop themes) the maximum size allowed is too small, it looks silly.

I found out to increase it, I have to change it in the code, but I’m very new to coding and everything I’ve read is conflicting about where to add or change the new code and I don’t want to mess anything up! Nothing I’ve seen matches what I’m seeing on my screen.

Any help is appreciated!!

2

@brookeparks

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

@brookeparks Please share your store URL and password(If it is password protected.). So that I can check and give you the exact solution.

4

Thanks so much!

It’s puritypearls.com and the login password is sheisworthit

Looking forward to your reply!

5

Hi @brookeparks

add this code to your theme–async.css file.

Navigate to online store >> Click edit theme code.

Now find in assets theme–async.css and paste the following code.

.logo-image {    max-height: 100px !important;
    width: 100% !important;
    height: 100px !important;}

I hope it will be helpful for you.

Thanks

Did it solve your issue?

- If yes, Like & Mark As Solution to help the community

- If not, let me know. also share a screenshot of the code that you added.

6

I was finally able to make it look normal on my website (perhaps the code did help) but it still appears distorted on mobile devices, all of the letters are squished up and I can’t find any way to fix it! And if I change the image height to 50 like it suggests then it no longer looks right on my desktop. Any other insight you have for this is appreciated.

Thank you!

7

I was finally able to make it look normal on my website (perhaps the code did help) but it still appears distorted on mobile devices, all of the letters are squished up and I can’t find any way to fix it! And if I change the image height to 50 like it suggests then it no longer looks right on my desktop. Any other insight you have for this is appreciated.

Thank you!