Change color for Home page header and Footer - Trademark theme

Solved

@BMurtagh no problems, for the sake of organization kindly create a new post and I'll help you.

◦ Slideshow section not looking good? Try the Slideshow (PRO) section. No apps required.
◦ Product page images slider for free themes (w/ 20+ customization options): Minimal | Debut | Brooklyn | Supply
◦ If my answer helps you please click on like and Accept as solution!
Andy_Espenel
New Member
3 0 0

Hello,

I made these changes and it looks great on desktop, except on mobile my menu on the left (three horizontal lines) is still black.

Can you advise how to customize this, as well as applying this to all pages?

Thanks for your help!

0 Likes
Anna_Wang1
Excursionist
55 1 0

This is an accepted solution.

<style>
      
      .page__container--secondary .header--init,
      .page__container--secondary .footer
      {
    background: #2D2D2D ;
      }
      
      .page__container--secondary .main {
    background: #1D1D1D;
}
 
</style>
 
 
Just added this in Index.liquid
0 Likes
Baileyatk13
Tourist
10 0 3

Is there a way to do this for the header only? I'm using the Brooklyn theme and just want the header colour changed on the home page only. Thanks

0 Likes
Anna_Wang1
Excursionist
55 1 0

 

Hi,

This is only for the header, and you can change whatever color you want.

If you want to change it only on the home page, you can add an If condition.

Not sure if the header's name is the same.

Anna_Wang1_0-1627406641811.png

 

0 Likes