How can I change the background color of a sticky header?

Store Design
1

Hello,

I have a sticky header on my website www.infinitycosmetics.it

I would like too set background color #97999b to fixed and scrolling header, now the fixed header is white and when I scroll it becomes #97999b.

How can I fix it?

Thanks

1 Like
2

@INFINITYCOS

yes i can see now normal header color white and after scroll #97999b its work

3

Hi, yes but I need always #97999b, I don’t want the white color

1 Like
4

@INFINITYCOS

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.min.css->paste below code at the bottom of the file.
.header-menu-wrapper {background: #97999b;}
5

It doesn’t work :disappointed_face:

1 Like
6

@INFINITYCOS

oh sorry can you try this

.template-index .header-wrapper--overlay {background: #97999b !important;}
7

No, it doesn’t work, I put it in the Asset->/theme.min.css- right?

1 Like
8

yes, current but you have added extra bracket

KetanKumar_0-1652963205452.png
KetanKumar_0-1652963205452.png1920×1080 335 KB

just add this

.template-index .header-wrapper--overlay {background: #97999b !important;}
9

I removed it, but nothing

10

@INFINITYCOS

can add me staff account so i will check what issue

11

give me your email so I can add you

1 Like
12
13

@INFINITYCOS

can you please check and confirm

KetanKumar_0-1652966041723.png
KetanKumar_0-1652966041723.png1920×1080 303 KB

1 Like
14

THANKS A LOT, CAN YOU EXPLAIN ME?

1 Like
15

@INFINITYCOS

i have update theme default code