Hide the "CART 0" icon from slide-out menu on mobile devices

[Dev23847]

Hi,

Is there a way to hide the “CART (0)” icon in mobile slide-out list? We tried the following but then cart contents did not show when clicking cart icon in mobile header:

@media screen and ( max-width: 1024px ) {
li.parent.shopping-bag-item {
display: none;
}
}

Thank you.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css.

#mobile-menu ul li.shopping-bag-item {
    display: none;
}

-Rui

[Dev23847]

genius, thanks! While we’re at it, any way to put “SIGN UP” & “LOGIN” on the same line in mobile slide-out panel?

*current setup*:

LOGIN
_______________

SIGN UP

*desired setup*:

LOGIN | SIGNUP

… or even to have a “My Account” icon next to or above cart icon on mobile

[David Martin – Support]

To force the items onto the same line, you could test this:

ul.alt-mobile-menu li {
    float: left;
    clear: none;
    width: 50% !important;
}

[Dev23847]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

No problem. Thanks David.

-Rui