How to change header / menu background color

Solved

How to change header / menu background color

Greggy55
Excursionist
31 0 3

Hello everyone, 

 

I am using dawn theme. 

 

I want the background of my menu or my header where my menu sits to be this color : f6cbc6

 

How would I do this? 

 

Thanks!

Accepted Solutions (3)

Raj-webdesigner
Shopify Partner
325 76 78

This is an accepted solution.

Add this css in your edit code > base.css file

sticky-header.header-wrapper {
    background-color: #f6cbc6;
}

 

Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


View solution in original post

BSSCommerce-TC
Shopify Partner
215 46 49

This is an accepted solution.

Hi @Greggy55 ,

Let try insert below code at the end of file base.css

sticky-header {
    background-color: #f6cbc6;
}

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

BSS-TekLabs
Shopify Partner
635 177 207

This is an accepted solution.

- Here is the solution for you @Greggy55 
- Please follow these steps:

step.png

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

sticky-header {
    background: #f6cbc6 !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1720444786458.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 6 (6)

Raj-webdesigner
Shopify Partner
325 76 78

This is an accepted solution.

Add this css in your edit code > base.css file

sticky-header.header-wrapper {
    background-color: #f6cbc6;
}

 

Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


Moeed
Shopify Partner
4383 1131 1389

Hey @Greggy55 

 

Share your store url and password if enabled.

 

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. ❤️

lynth
Shopify Partner
82 3 7

Go to the online store and click the customization button. There click on the header and change the color schema settings. You can also edit it using CSS in the code editor (three dots next to the customization button), then find the CSS file and your custom styles. If you share your url with me I can help you with custom modification.

If my tips are useful, just mark it as the solution. Cheers!
Feeling grateful? Buy me a coffee!

BSSCommerce-TC
Shopify Partner
215 46 49

This is an accepted solution.

Hi @Greggy55 ,

Let try insert below code at the end of file base.css

sticky-header {
    background-color: #f6cbc6;
}

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

Saba13
Shopify Partner
20 2 4

Hi

 

Kindly navigate to your theme editor > Header and scroll down to the color section:

Saba13_0-1720443282009.png



You can select any scheme for your header and menu. The first changes the header background and the second one changes the menu background.

 

To change the schemes, you can navigate to your theme settings in the theme editor and go to 'Colors'. Here you can choose colors for your schemes and then assign them to sections in your theme.

Saba13_1-1720443423615.png

 

BSS-TekLabs
Shopify Partner
635 177 207

This is an accepted solution.

- Here is the solution for you @Greggy55 
- Please follow these steps:

step.png

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

sticky-header {
    background: #f6cbc6 !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1720444786458.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency