Need help to make logo in header bigger in size HIGHLIGHT theme

Store Design
, , , ,
1

I have bought the Highlight theme and it have a maximum logo height of 100 px and seems restricted. I like it to be 200-400 px without rest of the header is increased. I this possible?

I have already search other Shopify community forums and found other codes like this, that didn’t work:..

#shopify-section-header .header .logo-img img{
height: 200px !important;
max-height: 200px !important;
}

I hope someone can help me, thank you very much.

2

Hello @DanielleY12
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

3

Hello @DanielleY12
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

4

Hi @DanielleY12 ,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.header .logo img {
    max-height: 200px !important;
}
5

Hello

Thank you very much for getting back to me. I’m very new to this, so just to set the expectations, are this free of charge or do you expect some compensation afterwards?

I’m not secure about sending my URL and password on a public site, so is it possible for me to sent it in a private message? And im not sure what password, is it the Collaboration Request Code?
Thank you very much.

6

You can PM me the link to your website so I can check it out. And I’m happy to help people for free @DanielleY12 .

7

Hi @DanielleY12 ,

Have you tried this? I think it will work

8

Hi Namphan,

Thank you for your message. I tried, but it didn’t help, unfortunately. I’m trying something else in the meantime.

9

Hi @DanielleY12 ,

Can you send me the store link via private message? I will help you check it again

10

Thank you very much! I’m trying to figure out how to sent a private message.. Can you tell me how to drop a PM a someone profile? :slightly_smiling_face: Sorry for my ignorance!

11

Please go to my profile and click “Send message”

12

Hi @DanielleY12 ,

You can send it through my email, I will help you check it quickly

13
  • Here is the solution for you @DanielleY12
  • Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg
z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg1865×854 94.6 KB

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.header .logo img {
        max-height: 200px !important;
    height: 200px !important;
}
  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
14

All worked out now, thank you so much for your help.

15

Glad to help you. Have a good day @DanielleY12 .

16

Thank you very much for trying to helping me. All figured out now :slightly_smiling_face:

17

Hi @namphan ,

Even though its been a while since I posted this question. I would hear if you have the possibilty to help me out making my logo a bit bigger on my mobile front page. I got the help to make it bigger on computer browser, but it didn’t change the mobile page. I can sent you a private message with my code. Thank you very much.

18

Hi @DanielleY12 ,

Sure, please send it, I will help you check

19

Hi @namphan

Thank you very much! My shopify is down… so when its possible for me, I will sent you a private message with my code. Thank you for your patience.