How to adjust the header height and width?

[smsigroup]

Good day!

How to adjust the header height and width?

Thank you!

https://punawf803y39p6uf-70211436859.shopifypreview.com

[PageFly-Henry · Accepted solution]

Hi @smsigroup 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

<style>

header {

    margin: 0 !important;

}

img.logo-dark {

    max-width: 80% !important;

}

</style>

Hope that my solution works for you.

Best regards,

Henry | PageFly

[smsigroup]

Hi@PageFly-Henry 

Thank you very much for your help.

[PageFly-Henry]

You are welcome @smsigroup 😊
In addition, I think you should also add a button on the hero banner and headings to increase transparency for the store.

[Dan-From-Ryviu]

Hi @smsigroup 

Your site's logo will affect the height of the header.

[smsigroup]

@Dan-From-Ryviu 

Thank you!

[Dan-From-Ryviu]

You are most welcome!