Header Position & Spacing

Solved

Header Position & Spacing

SamSukhoonNordl
Tourist
53 1 10

How I want it:

 Want.png

 

How it is right now: 

How it is.png

 

  

Accepted Solution (1)

Moeed
Shopify Partner
4304 1105 1354

This is an accepted solution.

Hey @SamSukhoonNordl 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header {
    margin: 0 !important;
    max-width: 100% !important;
}
.header__menu-item {
    padding: 1.2rem 2rem !important;
}
</style>

RESULT:

Moeed_0-1719830025959.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 3 (3)

SamSukhoonNordl
Tourist
53 1 10

Pic1. Is in customization mode.

Pic2. Is in desktop mode.

Moeed
Shopify Partner
4304 1105 1354

This is an accepted solution.

Hey @SamSukhoonNordl 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header {
    margin: 0 !important;
    max-width: 100% !important;
}
.header__menu-item {
    padding: 1.2rem 2rem !important;
}
</style>

RESULT:

Moeed_0-1719830025959.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Shabir_Bhat
Shopify Expert
14 0 1

Hello

 

it needs proper customization.. If we do it by padding it will may create some other issue on different screen size.. The best way to contact some shopify expert Shopify Experts  or you can also contact me to fix it for you here there will little charge but will be fixed in a well way.


- Leave me a TIP
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. Shabir Bhat (JibrilSoft)
- Want Complete Storefront: Send an email ⇨- Email: shabirbhatofficial@gmail