Mini Shopping Cart Display on Mobile Device hovereffect doesnt work

-- url of the page with the problem -- : www.naturstein-biermann.de/pflegeprodukte-shop
-- HikaShop version 4.2.1 Business
-- & Joomla version& 3.9.0
-- PHP version -- : 7.2.19
-- Browser(s) name and version -- : firefox developer

Hello, everybody,

I have the following problem:

Article will be added to shopping cart

Article is displayed in the top right corner of the mini-shopping cart via dropdown menu at Hover

On the Ipad he leaves the mini shopping cart open after the first click (via finger)

on the mobile phone does not use the redirection

at the first click

However, the customer wants the mini shopping basket to remain open on the mobile phone so that the customer can delete items from it if necessary.

How can I design this? Unfortunately, my current abilities and skills stop here....

Link to the page
Care products shop

If this is not possible on Touchdevices, how can I disable it?

Thank you very much.

Best regards
SchmidtSon

Hi,

Try to add the code: after the code: in the file "cart" of the view "product" via the menu Display>Views.
On my end it solves the problem.

Ok, I changed the settings in the module and disabled the hover effect. Now it only works with a click and then with a new click on Checkout.
But now I have another question: How can I activate the delete and quantity button in the shopping cart in the mobile version?
Best regards,

Patrick

Hi,

So you need to activate the setting to always display them, and then, you can use CSS code to hide the elements when you don't want them.
You can use the @media CSS tag to target only big screen resolutions:
stackoverflow.com/questions/6370690/medi...op-tablet-and-mobile
And then, in the @media block, you can use a CSS on the class of the element you want to hide with a display:none;
www.hikashop.com/support/documentation/1...ize-the-display.html