Add bottom border to header (Sahara)

Solved

Add bottom border to header (Sahara)

Alluren
Explorer
57 0 9

Hello,

 

Can someone please tell me how to add a bottom border/ line (color 4E5253) to my header on Sahara theme?

 

Preview link: https://32jsmyrdendgj3ji-80707387720.shopifypreview.com

 

TIA

Accepted Solutions (2)

PageFly-Amelia
Shopify Partner
626 165 238

This is an accepted solution.

Hello @Alluren 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

 

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

<style>
header {
  border-bottom: 1px solid #4E5253;
}
</style>

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

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


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


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

View solution in original post

PageFly-Amelia
Shopify Partner
626 165 238

This is an accepted solution.

Hello @Alluren 

You can try this code to add a top border on the footer

<style>
header {
  border-bottom: 1px solid #4E5253;
}

footer {
  border-top: 1px solid #4E5253;
}
</style>

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


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


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

View solution in original post

Replies 5 (5)

PageFly-Amelia
Shopify Partner
626 165 238

This is an accepted solution.

Hello @Alluren 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

 

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

<style>
header {
  border-bottom: 1px solid #4E5253;
}
</style>

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

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


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


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

Alluren
Explorer
57 0 9

Hi Amelia,

 

This worked perfectly. Thank you for your help 🙂

Alluren
Explorer
57 0 9

Hi @PageFly-Amelia ,

 

Would you be able to help me with the code to put a top border on the footer to match please?

 

 

PageFly-Amelia
Shopify Partner
626 165 238

This is an accepted solution.

Hello @Alluren 

You can try this code to add a top border on the footer

<style>
header {
  border-bottom: 1px solid #4E5253;
}

footer {
  border-top: 1px solid #4E5253;
}
</style>

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


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


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

Alluren
Explorer
57 0 9

Perfect. Thanks again Amelia