Two carts on header. Remove only 1 with css. | WordPress.org

Resolved stillmo
(@stillmo)

8 years, 2 months ago

site is http://www.strangedanish.com

I have two instances of my cart on my page. I would like to remove only one: the one above the menu.

When i try using visibility: hidden it hides both carts.

i would like to do display: none because it would actually remove it and not just hide is but that doesn’t seem to work.

Viewing 5 replies - 1 through 5 (of 5 total)

ptravassos
(@ptravassos)

8 years, 2 months ago
Hi,

You can use something like:
```
section.g-primary-navigation .site-header-cart {
    display: none;
}
```
Thread Starter stillmo
(@stillmo)

8 years, 2 months ago

@ptravassos It worked but, took out the wrong cart.

Thread Starter stillmo
(@stillmo)

8 years, 2 months ago

ok i figured that out but now somehow my header is misaligned and in mobile view the, the shopping cart is under the menu toggle

‘.woocommerce-active .site-header .site-header-cart.menu {
position: absolute;
right: 278px;
}

section.g-top-bar .site-header-cart {
display: none !important;
}’

Thread Starter stillmo
(@stillmo)

8 years, 2 months ago

thanks for the help!!!

ptravassos
(@ptravassos)

8 years, 2 months ago

I am more than happy that I could help somehow.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Two carts on header. Remove only 1 with css.’ is closed to new replies.

Tags

In: Themes and Templates
5 replies
2 participants
Last reply from: ptravassos
Last activity: 8 years, 2 months ago
Status: resolved