If there are not more than about 5 items in the cart, and the mouse hoovers over the cart icon, the item list pops up, and shows buttons for CART and CHECKOUT on the bottom.
Please try yourself: website Put for example 15 items in the shopping cart, and then hoover the CART icon. The item list pops up, but covers the CART button in the top menu, and because the list can't even be scrolled, it is impossible to see or reach the CART and CHECKOUT buttons underneath the items in the list.
I was not able to find any setting for the position of this list, the max. number of items shown on this list, or even a setting to move the position of the CART button.
I found out that I lost at least one larger orders, because customers were just not able to go to the checkout :((
If there are not more than about 5 items in the cart, and the mouse hoovers over the cart icon, the item list pops up, and shows buttons for CART and CHECKOUT on the bottom.
Please try yourself: website
Put for example 15 items in the shopping cart, and then hoover the CART icon. The item list pops up, but covers the CART button in the top menu, and because the list can't even be scrolled, it is impossible to see or reach the CART and CHECKOUT buttons underneath the items in the list.
I was not able to find any setting for the position of this list, the max. number of items shown on this list, or even a setting to move the position of the CART button.
I found out that I lost at least one larger orders, because customers were just not able to go to the checkout :((
What is the fix?
Hi,
Try to use next custom css:
#primary-menu.no-responsive > li.menu-item-cart .widget_shopping_cart_content ul.cart_list {max-height: 412px;
overflow-y: scroll;
}
Thank you, that works perfect!!
Great job!!
Volker