how to change the color of header of the theme "motto".

Store Design
1

hi!

i am using the theme “Motto”, and am not Able to change the color of the header, so that it can match my logo. When am going to for example “announcement bar” I get to change the color by changing the “color scheme”. I don’t want a solution that needs programming.

thanks

2

Please share your website URL so that I can provide you the solution code.

Thanks

3

https://admin.shopify.com/store/ij19ts-mq/themes/143197733055/editor?previewPath=%2Fpassword

4

This is the admin link. Please share the store url. If you want me that I work on your store then you need to provide me 4 digits collab code.

5

Hey! @Vold ,

Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

6

Hi,

Good morning,

Welcome to the shopify ,

Please share your store URL and if your store is password protected then also provide password too.
Thank you.

7

Hello @Vold !

Here’s how to do it without any programming:

Step-by-Step: Change Header Color in Motto (No Code)1. Go to your Shopify Admin

  • Click Online Store > Themes

  • Click “Customize” on the Motto theme

  1. Navigate to the Header Section

    • In the theme editor, go to the Home Page

    • Click on the Header section (it should be one of the top sections in the left panel)

  2. Look for “Color Scheme”

    • Inside the Header settings, there should be an option called “Color scheme”

    • This dropdown usually lists predefined schemes like Scheme 1, Scheme 2, Scheme 3, etc.

  3. Take Note of Which Scheme Is Applied

    • For example, if it’s Scheme 1, this is the one you need to edit.

  4. Go to Theme Settings > Colors

    • In the left panel of the theme editor, scroll to the bottom

    • Click “Theme settings” > then “Colors”

    • Look for the Color Scheme 1 (or whichever scheme your header is using)

  5. Customize the Color Scheme

    • Change the background color, text color, and accent color of that color scheme to match your logo.

    • These changes will reflect anywhere that scheme is applied (including your header).

  6. Save your changes.

? Pro Tip:

If your announcement bar and header are using different schemes, you can set one to Scheme 1 and the other to Scheme 2, allowing you to customize them independently.

If this reply was useful to you, we would really appreciate it if you gave us a LIKE and mark the issue as SOLVED!