Currently use this code below in my base.css asset to add colour to two words in my header menu (SALE and ECO)
preview link https://hz55j7w4prv0n6hh-36045684869.shopifypreview.com
I’ve also got an adaptive transparent header coded in too. The top section of the code below works currently and makes the word SALE turn from white (when header is transparent) to Red (when you scroll down and the sticky header becomes a solid colour). However I believe because the ECO header is a nested menu the same code won’t work for it. The bottom section of the code below makes the ECO green but it needs to be white when the header is transparent and then transition to Green when the header sticks.
.list-menu a[href="/collections/sale"] {
color:#ff0000!important;
}
#Details-HeaderMenu-9 span {
color: #6FCA32 !important;
}
Please see screenshots below
Transparent header needs to be all white text like SALE but currently eco remains green.
then when you scroll down, the corresponding colour text appears as shown above. so the SALE text has changed when you scroll down (which is good) and is what I need the ECO text to do also (transition from white to Green).
I received fantastic help from people so far and its hugely appreciated, It’s just so so close to being where it needs to be!
further info below:
