Mobile Header

Hi Elise,

I have the same issue on mobile header menu. I pasted the code in the mobile css but i have the same issue i had before on desktop. I couldn’t adjust the menu text to black.

Also in mobile side menu how can I add the product categories under “Categories” in the menu, currently it displays the main menu again.

.woodmart-cookies-popup {
display:none;
}
/*sticky background*/
body .whb-color-light:not(.whb-with-bg) {
background-color: white;
}
/*sticky main menu color*/

body .whb-color-light .whb-navigation .item-level-0.current-menu-item>a{
color:#7AB38B;
}
body .whb-clone .main-nav .item-level-0 > a{
color:black;
}
body .whb-clone .main-nav .item-level-0 > a:hover{
color:#7AB38B;
}
body .whb-sticked .woodmart-navigation .item-level-0.menu-item-has-children>a:after{
color:#7AB38B;
}
body .whb-sticked .woodmart-navigation .item-level-0.menu-item-has-children:hover >a:after{
color:#7AB38B;
}

/*My Account*/
body .whb-sticked .whb-color-light .woodmart-header-links .item-level-0>a {
color: black;
}
body .whb-sticked .whb-color-light .woodmart-header-links .item-level-0>a:hover {
color: #7AB38B
}
/*Search*/
body .whb-sticky-header .whb-color-light .search-button >a {
color: black;
}

body .whb-sticked .whb-color-light .search-button:hover>a {
color: #7AB38B;
}
/*wishlist*/
body .whb-sticked .woodmart-wishlist-info-widget .wishlist-icon {
color:black;
}
body .whb-sticked .woodmart-wishlist-info-widget .wishlist-count{
color: white;
background-color: #7AB38B;
}
/*cart*/
body .whb-sticked .woodmart-shopping-cart .woodmart-cart-icon {
color:black;
}
body .whb-sticked .woodmart-cart-design-5 .woodmart-cart-number{
color: white;
background-color: #7AB38B;
}

Thank you