Site logo

Archived topic

Shopping cart drop down menu

3 replies · Started by Sílvia on May 11, 2022

Viewing posts 1–4 of 4

Hello.

I have a "problem" with the drop down shopping cart on my website.
Visiting my website on a computer, I have the cart icon on the left side of the header and the same icon is on the right on mobile devices. This is fine for me, but,
1. When the icon is on the left, the drop down cart menu is half hidden out of the screen. Can you, please, help me to solve it? I'd like it to be aligned at the left of the icon.
2. On mobile devices there isn't a drop down menu on the cart icon. Could you help me to fix it? I'd like it to be shown just like the one on computer devices but, as you can imagine, on tye right hand.

Thanks,
Silvia

Hi Silvia,

1. For desktop, add this CSS:

.wc-menu-item.sfHover .wc-mini-cart, .wc-menu-item:hover .wc-mini-cart {
    left: 0;
}

2. As the mini cart shows on hover, there's no hover on mobile device, so it's been hidden on mobile.

Ups! Sorry, 2 makes totally sense.
1 works perfectly

Thanks

You are welcome :)

This archived topic is closed to new replies.