Re: How to adjust the header height and width?

Solved

How to adjust the header height and width?

smsigroup
Explorer
77 0 20

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
Shopify Partner
1184 335 283

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
Shopify Partner
1184 335 283

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
77 0 20

Hi@PageFly-Henry 

Thank you very much for your help.


PageFly-Henry
Shopify Partner
1184 335 283

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
8391 1652 1666

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 to let me know or Buy me 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
77 0 20

@Dan-From-Ryviu 

Thank you!

Dan-From-Ryviu
Shopify Partner
8391 1652 1666

You are most welcome!

- Helpful? Like and Accept solution to let me know or Buy me 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.