Bullet Theme - change header background color when active

Store Design
1

HI im currently using the bullet theme, I would like to change the header background color to pink when active, when i hover over and click on the header, but when not active, the color will remain white color like current. i want it on homepage only.

Please help me.

see attached link https://themes.shopify.com/themes/bullet/styles/default/preview

vanessaliew_0-1658811702152.png
vanessaliew_0-1658811702152.png1364×548 709 KB

2

@vanessaliew
Hello,

#header:hover {
  background: #F9C0C0;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->skelet.scss.liquid

Like This

oscprofessional_0-1658812903584.png
oscprofessional_0-1658812903584.png1694×293 15.7 KB

3

Hi,

Add below css in app.css file.

header {
    background: #ffafafe6 !important;
}

Thanks

Hit Like and Accept as Solution.