Archived topic
Mouseover cart puts panel off-screen
5 replies · Started by Jeremy on October 2, 2021
Hi,
On a Macbook Pro (desktop view, Big Sur 11.6), Chrome Browser (Version 94.0.4606.71 (Official Build) (x86_64):
When I have a product in the cart, and I mouse over the Cart icon (next to search and account icon at top), the Cart panel goes off the side of the screen on the left. You can't see about half the panel.
Same issue using Firefox browser. I haven't tested on mobile yet.
Note that the website is in Hebrew (RTL), and the cart/search/account icons are on the left side of the screen.
We're using the Emerald child theme from the GP Site Library.
Is there a way to ensure that the panel remains within the screen, even if icons are on the left? Or even better, can you tell me how to put all three icons in the Top Bar (how to enable the top bar for this?), aligned right, and ensure the full panel remains within screen borders when moused over?
It's too bad I can't post a screenshot here.
(I disabled server caching which didn't help; I had to turn server caching back on for now)
Thank you,
Jeremy
Hi there,
is there a Simple Product that i can add to the Cart to see the issue ?
NOTE regarding Screenshots - you need to share a URL to an image that is stored in cloud/share drive or your WP Media Library.
Ah, thanks. Screenshot:
https://moreshetderech.com/wp-content/uploads/2021/10/Screen-Shot-2021-10-03-at-6.53.56-AM.png
I've restored "Product C" at:
https://moreshetderech.com/product/product-c/
(It's Shop Visibility is Hidden) Remember the odd panel view is on a mouse over of the cart icon, not a click. You can try to add the product to the cart and then view a different page (like homepage), then mouse over the cart/basket icon.
Thank you for your help!
-Jeremy
Thank you for that!
Try adding this CSS:
.wc-menu-item.sfHover .wc-mini-cart, .wc-menu-item:hover .wc-mini-cart {
margin-right: -200px;
}To move it further right increase the negative value eg. -250px.
Excellent! Your CSS works perfectly. Thank you so much.
Regards,
Jeremy
You're welcome
