Header: Cart Dropdown

[MHC]

Hi,

I have three questions regarding the header cart dropdown:

1. How can I make the dropdown background not transparent?

2. How to change the line (dividers) & text colors?

3. How to stop the buttons (go to the shop, view cart, proceed to checkout) from hovering?

Attached screenshot for explanation. Thank you.

[MHC]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

nav .menu ul.sub-menu {
  background-color: #ffffff!important;
}
.bag-header, .bag-product, .bag-empty, .wishlist-empty {
  border-color: #efefef!important;
}
a.sf-button.sf-icon-reveal.checkout-button:hover span.text, a.sf-button.sf-icon-reveal.shop-button:hover span.text {
  padding-left: 11px;
}
a.sf-button.sf-icon-reveal.checkout-button:hover i, a.sf-button.sf-icon-reveal.shop-button:hover i{
  display:none;
}

– Kyle

[MHC]

Hi Kyle,

The “View Cart” button & text color not changed?

Others work great.
Thanks so much!

[MHC]

Hi Kyle,

I managed to change the text color. Now only need to stop the “View Cart” button from hovering.

Thanks!

[Kyle – SUPPORT]

Sorry, in my code above I wrote .shop-button:hover it should be .bag-button:hover

– Kyle