Logo overlapping menu in Tablet View

This is the code I was using to take care of a WooCommerce Shopping cart icone appearing in the mobile/smartphone menu.
.cart dropdown { display: none; }.

So I added the code below to take care of the logo overlapping problem which it did.

@media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
#wrap_all {
position: relative !important;
}

However, now the shopping cart icon is back on the mobile/smartphone view.

Please advise.

Thanks

• This reply was modified 8 years, 9 months ago by vagator78.

we have fixed the Tablet View.

what code do we need to use to get rid of the WooCommerce Shopping Cart Icon that is on the Mobile Menu. I was using this

.cart dropdown { display: none; }

but it is not working since we added the code to remedy the Tablet problem.

Thanks

yeah we got it right, thanks for your guidance.