How to Change Background Header Color of Shopify eCommerce Thesis -

How to Change Background Header Color of Shopify

I world like to change the color of my header to black- the rest of the site should remain white. There’s only the option of changing the background color of the whole site. So how can I change the header color only.

By the way, Why doesn’t anyone of the shopify team members fix the issue with the non responsive main image in the debut theme? It looks creepy on mobile devices. There are enough complaints on the theme site.

.site-header__mobile-nav, {
    background-color: #ffb700;
    border-bottom: 0;

#ChangeBackground #HeaderColor #DebutTheme

πŸ’» My Services: πŸš€

I am ready to support entrepreneurs who run online businesses on Shopify or WordPress platforms. The solutions I provide is to:

βœ… Fix eCommerce Website Issue
βœ… Maintainance Website
βœ… Add New Features

You can support Buy Me a CoffeeπŸŽ‰

Download Best Free Shopify Theme πŸ‘‡
🌍 My Website:


πŸ’» Welcome to * How to Change Background Header Color in Shopify Debut Theme βœ… Easy Solution *

πŸ“ Video Description:

Great to see you are looking to customize your debut theme, so let’s see How to Change the Background Header Color of the Shopify Debut Theme?

The easiest way to do this might be to add some CSS to your stylesheet. You can find the stylesheet within the Edit HTML section in the Assets folder and you’re looking for a file called theme.css.liquid and you will be adding the below changes to the very bottom of this file. It’s very important not to change any code in the middle of the file as the cssfile cannot be rolled back, so if there’s a problem with new code it is easy to find it at the bottom. You could add this code to the bottom of your theme.css.liquid file:

If you like the video don’t forget to:

πŸ‘ Give It A Thumbs Up
🎯 Hit The Subscribe Button
πŸ‘‰ Don’t Forget To Share

πŸ“Œ Subscribe:
πŸ“Œ Follow me on Facebook:
πŸ“Œ Follow me Linkedin:

🎀🎀 You can also check out the below playlist: πŸ‘‡

πŸ›‘ Shopify Tutorial:
πŸ›‘ Elementor Page Builder Tutorial:
πŸ›‘ Digital Marketplace using Mayosis Theme:

➑️ Disclaimer:

This Channel Does Not Promote Any illegal content, all contents provided by This Channel are meant for educational purposes only. Don’t Download Or Copy Video, Thumbnails, Music, Nothing From This Channel. It’s a Cyber Crime. All Videos of this Channel are Copyrighted by Foysal Ahmed!

Thank You πŸ™ƒπŸ™ƒ

#foysalahmed #webdesigner#wordpressdeveloper #shopifyexpert #shopifydeveloper #ecommercethesis

Leave a Reply