Reduce header thickness Shopify Motion Theme

Solved

Reduce header thickness Shopify Motion Theme

YushaRooshenas
New Member
4 0 0

Hi, how can i reduce the padding/height of my header on my Shopify store? Im using motion theme. It looks a little too thick atm and overpowering. 

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1786 3131

This is an accepted solution.

Hi @YushaRooshenas ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
.header-item {
    height: 120px;
}
</style>

PageFlyVictor_0-1682517277555.png

Note: You can change value to fit your store

Hope my answer will help you.

Best regards,

Victor | PageFly

View solution in original post

Replies 5 (5)

saim007
Shopify Partner
611 75 106

@YushaRooshenas Please provide store url.

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂
YushaRooshenas
New Member
4 0 0

sure. my store is www.golfgxng.com

YushaRooshenas
New Member
4 0 0

heading is merged on homepage, but its a standard white header on all other pages

PageFly-Victor
Shopify Partner
7865 1786 3131

This is an accepted solution.

Hi @YushaRooshenas ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
.header-item {
    height: 120px;
}
</style>

PageFlyVictor_0-1682517277555.png

Note: You can change value to fit your store

Hope my answer will help you.

Best regards,

Victor | PageFly

YushaRooshenas
New Member
4 0 0

Thankyou, worked perfectly