Solved

How to adjust the header height and width?

smsigroup
Explorer
55 0 16

Good day!

How to adjust the header height and width?

Thank you!

https://punawf803y39p6uf-70211436859.shopifypreview.com

smsigroup_0-1714697101099.png

 

Accepted Solution (1)

PageFly-Henry
Astronaut
1075 309 262

This is an 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.

PageFlyHenry_0-1714698179151.png

 

 

<style>

header {

    margin: 0 !important;

}

img.logo-dark {

    max-width: 80% !important;

}

</style>

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 6 (6)

PageFly-Henry
Astronaut
1075 309 262

This is an 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.

PageFlyHenry_0-1714698179151.png

 

 

<style>

header {

    margin: 0 !important;

}

img.logo-dark {

    max-width: 80% !important;

}

</style>

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

smsigroup
Explorer
55 0 16

Hi@PageFly-Henry 

Thank you very much for your help.


PageFly-Henry
Astronaut
1075 309 262

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.

PageFlyHenry_0-1714700550372.png

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Dan-From-Ryviu
Shopify Partner
7726 1506 1513

Hi @smsigroup 

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

 

Screenshot 2024-05-03 at 08.19.51.png

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

smsigroup
Explorer
55 0 16

@Dan-From-Ryviu 

Thank you!

Dan-From-Ryviu
Shopify Partner
7726 1506 1513

You are most welcome!

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now