@Siffrin You'll need to make a change to the hamburger span color that applies before you scroll down the page. The span changes color from black to white following page scroll which is fine if the containing header bar changes color from white to black on scroll. However, in this case, since the header bar is always black, you'll need to ensure that the hamburger span is always white.
In the site css, you'll need to find the hamburger span class within the 992px media query (992px is the viewport breakpoint at which the regular full navigation menu switches over to the hamburger menu). This is where you'll find the span color attribute - the span background color is changed to #000000 (black) and you'll need to change it to white (#ffffff). There are a lot of instances in the css of the hamburger span selector. Again you'll need to look for the one in the 992px media query (identified by the query statement "@media screen and (max-width: 992px)") and the code block in question looks like this:
.hamburger span, .hamburger span:before, .hamburger span:after {
position: relative;
display: block;
width: 22px;
height: 2px;
background: #000000;
content: '';
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}To address your shopping cart number background color and text color, you'll need to find the wsite-nav-cart-num id within the body.affix class (that's the scroll class) and change the background color from white to black and the color from black to white (i.e., change background color from #ffffff to #000000 and color from #000000 to #ffffff). The code block you're looking for in the css is this:
body.affix .birdseye-header .nav #wsite-nav-cart-num, body.no-header-page .birdseye-header .nav #wsite-nav-cart-num, body.splash-banner-page .birdseye-header .nav #wsite-nav-cart-num {
background: #ffffff;
color: #000000;
}
