2

For Mobile view, I have added the items in the cart, the mini cart icon shows the product count correctly, But it will fail to trigger the minicart-wrapper class which means while clicking the cart icon, failed to open the mini cart popup to go to check out. Please provide me a solution to show the popup while clicking cart icon.

It works fine for the desktop, failed in mobile view

Improve this question
1
  • Hi Jaisa, I'm having a similar issue, did you find a solution?
    – Mohammed Joraid
    Nov 7, 2019 at 3:49

1 Answer 1

Reset to default
0

I had a similar issue.

I extended Luma theme and changed basic colors and some layout. I also changed the position of the Cart icon and the Search bar to be at top next to "Login or Create an Account" in .panel.wrapper.

Issue: turned out the header content was overlapping/covering .panel.wrapper , therefore, preventing users to click it on. So when users from Mobile devices click on the Cart icon, they are actually clicking on the header content div. I found this when I open the browser console and I was unable to select cart from the Element Select Tool.

Solution: 1- Reverse my action and let Cart and Search icons be back at header content

2- (I only tried this from browsers console) Increased the height of .panel.wrapper to be at least larger, in terms of height, than the Cart and Search icons. 40px in my case seemed good. This allowed the cart icon to take it's position without being covered by header content.

Hope this helps.

Improve this answer
1
  • 1
    In my theme, I have removed the default cart icon, add created the customized one, so it creates an issue while clicking mini cart after I remove my changes the cart icon works fine
    – Jaisa
    Nov 11, 2019 at 5:55

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.