Make header background image higher

[joeltattersall1]

i have a custom header image behind my menue links and logo, i would like to make it come down the screen more

 

[AnneLuo]

Hi, @joeltattersall1 

Can you share the store URL and take a screenshot to describe your requirements? So that I can assist you.

[joeltattersall1]

my store url is sugameup.com.au, and the pink header image behind the buttoms and logo i want to make it come down the screen further so it is larger

 

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
@media screen and (min-width: 990px) {
  .header {
    min-height: 250px !important;
  }
}
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[joeltattersall1]

Hi that has worked to make it bigger, is it possible to bring the header icons and logo back up now?

 

[AnneLuo · Accepted solution]

Add the code below to the same file

<style>
@media screen and (min-width: 990px) {
  .header {
    align-items: start !important;
  }
  .header__inline-menu,
  .header__icons {
      margin-top: 70px;
  }
}
</style>

[joeltattersall1]

It has worked thank you. Do you know how to change cart and search icons?

[AnneLuo]

Sure. What do you want to change?

[joeltattersall1]

sorry first, with the header changes we make, it only changed it on desktop. is is possible to match it which mobile version?

 

 

[AnneLuo]

Sure. I can help you with it. So I need to access your store as a collaborator if possible. I need to change the code I provided above.

[joeltattersall1]

what is the best way to do that?

[AnneLuo]

So I need to access your store as a collaborator if possible.
Can you please send me your collaborator code with me?

[joeltattersall1]

it is 1066