BACK

how to change header color on shopify

How to Change Background Header Color in Shopify Debut Theme ✅ Easy Solution hey dear welcome to you

Foysal Ahmed

Updated on Jan 27,2023

How to Change Background Header Color in Shopify Debut Theme ✅ Easy Solution

The above is a brief introduction to how to change header color on shopify

Let's move on to the first section of how to change header color on shopify

Let TThunt's experts help you find the best TikTok product on your Shopify business!

Find TikTok products (It's Free)
No difficulty
No complicated process
Find winning products
3.5K Ratings

WHY YOU SHOULD CHOOSE TTHUNT

TThunt has the world's largest selection of TikTok products to choose from, and each product has a large number of advertising materials, so you can choose advertising materials for TikTok ads or Facebook ads without any hassle.

How to Change Background Header Color in Shopify Debut Theme ✅ Easy Solution

hey dear welcome to you in my youtube,channel in this tutorials i am going to,show you how to change background color,of header in your shopify online store,so if you are,looking easy and fast video guideline,then you can continue this tutorial so,let's get started first of all i am,going to log in my shopify admin panel,so go to my partner accounts then login,with my username and password,here is my shopify admin panel then,going to click on the i icon here is my,website and i wanted to change the,background of this header okay i'm going,to click on the right button of my mouse,then select inspect from here,okay,then click on the inspect selector icon,right here,looks very carefully,then select this section okay i have,selected this section and this is header,section,okay,now i am going to click on the plus icon,header,class,site header,then type background color,looks here,the background color changing but i need,to do a little bit,more advanced type work,for example,i have to add this class also right here,okay,then i have to add border bottom,the bottom remove now,now we can change the color from here as,our need,looks here it looks good okay so it's,super easy just click on the right,button of your mouse,then,select copy rules,then go to the,admin panel,click on the online store,then click on the action button,edit code,type c access here,and open theme css file from the asset,folder,go to the bottom of this,file,then paste this code that we have copy,from,here,header class site adder,class site header underscore mobile nav,background color and bottom zero then,click on the save button,asset save,and now going to refresh my browser,so click here to reload,wow the background color has been,changed and you have to change your logo,matching with your,header background color so i hope you,understand the process,and if you want more quick way then just,copy and paste,the css code that i have added right,here,and you get this code in the video,description and in the comment section,so thank you for your time to watch this,video if you think this video is helpful,then click on the like button and,subscribe to my channel and if you need,any support or service relevant shopify,then you can contact with me have a nice,day bye

Congratulation! You bave finally finished reading how to change header color on shopify and believe you bave enougb understending how to change header color on shopify

Come on and read the rest of the article!

Browse More Content