Background Current - Cart

Hi there,

Can you give this CSS a shot?

.main-navigation .mobile-bar-items.wc-mobile-cart-items a {
    color: #ffffff;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

Hi Leo,

Thanks for your help.

Now it works if I am in the cart page, but if I am in another page it is still white (I want it red in this case). I have tried with different pseudo classes but I can't figure it out.

I guess I am coding something wrongly :s

Hmm so basically you want the cart to have the same style as the menu items?

It didn't work when you adjust the settings in Customizer > Colors > Primary Navigation? Those settings should work for everything in the navigation.

Let me know.

You may need to do this:

.woocommerce-cart .main-navigation .mobile-bar-items.wc-mobile-cart-items a {
    color: #ffffff;
}

Hi Leo and Tom,

Yes, I basically want the cart to have the same style as the menu items, but it does not work with Customizer > Colors > Primary Navigation.

Anyways, I did how Tom says and now I have the cart with the same style as the menu items except for the hover. I tried to add this code but it does not work either:

.woocommerce-cart .main-navigation .mobile-bar-items.wc-mobile-cart-items a:hover {
    color: #f1c40f;
}

Actually, if you remove this custom CSS you've added, none of the above should be necessary:

.mobile-bar-items.wc-mobile-cart-items {
    display: block;
}

I have removed the custom CSSs I added and it is not working either :s

Here is how I see the cart button (hover):

It should be like the other menu items (hover):

Hmm I still see this CSS being added:

.mobile-bar-items.wc-mobile-cart-items {
    display: block;
}

Done it, but it is not working yet :s

Are you using any caching plugin or server cache? I still see the CSS being added.

Yes, but it is deactivated. What could be wrong?

Try activating again, clear it then deactivate.

Not working yet. I am doing something wrong for sure. I am quite amateur I guess!

Now I just have this CSS:

Can you try removing that?