Customizing Hamburger Menu On Specific Page

Site URL: https://www.robin-lyons.com/work/smirnoff

Hello,

I am trying to make my hamburger menu appear black on just the mobile page https://www.robin-lyons.com/work/smirnoff without effecting how the site header looks on the rest of the site. I have managed to make this black on my other mobile 'work' pages, for example https://www.robin-lyons.com/work/her-home-advantage  using the code

body#item-618d19fdcd79e33780a7b906
#header{background-color: #FFF !important;}
body#item-618d19fdcd79e33780a7b906
#header a {color: #111 !important;}

but for some reason this code doesn't seem to work on https://www.robin-lyons.com/work/smirnoff
even if for example I use the code

body#item-61533729f737a7012e2f7d80
#header{background-color: #FFF !important;}
body#item-61533729f737a7012e2f7d80
#header a {color: #111 !important;}

Any help would be most appreciated.

Cheers,

Robin.

20 minutes ago, cupoftea said:

Site URL: https://www.robin-lyons.com/work/smirnoff

Hello,

I am trying to make my hamburger menu appear black on just the mobile page https://www.robin-lyons.com/work/smirnoff without effecting how the site header looks on the rest of the site. I have managed to make this black on my other mobile 'work' pages, for example https://www.robin-lyons.com/work/her-home-advantage  using the code

body#item-618d19fdcd79e33780a7b906
#header{background-color: #FFF !important;}
body#item-618d19fdcd79e33780a7b906
#header a {color: #111 !important;}

but for some reason this code doesn't seem to work on https://www.robin-lyons.com/work/smirnoff
even if for example I use the code

body#item-61533729f737a7012e2f7d80
#header{background-color: #FFF !important;}
body#item-61533729f737a7012e2f7d80
#header a {color: #111 !important;}

Any help would be most appreciated.

Cheers,

Robin.

You can try adding to Home > Design > Custom Css

#item-61533729f737a7012e2f7d80 .burger-inner div {
  background-color: #000;
}

Let me know how it works on your site

My testing