How do you change the header background color in responsive theme?

Technical Q&A
1

I’m having a hard time changing the header background in the responsive theme. Do anyone know how to?

2

Hi @mclark ,

Hyde here from Shopify.

As the Responsive theme is a third-party theme, you would be best off seeking advice from the theme developers themselves.

I hope this helps!

All the best, Hyde.

3

Hi,

  • From your Shopify admin, go to Online Store > themes.
  • Locate your current theme and then click Actions > Edit code
  • After that in the Assets folder, click to open your theme.scss.liquid file
  • Go to the very bottom of this file and paste the following code(you can change the color code yourself):
/* Start */
.shopify-section.header-section {background-color: #000}
/* End*/
  • Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
  • Save and check your theme by refreshing it.
4

Hi there,

However I can’t find "theme.scss.liquid file" in the “Assets folder” at my Responsive theme. The only file I’ve found is “theme.liquid” at “Layout folder”. I also tried to paste the code that you’ve provided in the “theme.liquid”, but it is not working.

Thank you for your assistance in this matter!

5

@angelngyy

Search for any .css file in Assets and then paste the code at the bottom.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

6

Thank you for your help. Unfortunately, I am not sure why it still doesn’t work =(