Mini cart icon in mobile header show products in header itself

Hi,

As your site is in Coming Soon! mode I can’t see what you mean. Can you please give me more details on how you added the mini cart? Also, a screenshot would help.

Thank you,
Rodica

Hi, Rodica
thank you for your reply, this image shows desktop size screen works fine menu dropdown when the mouse moves over it
https://drive.google.com/file/d/1DXOYRwX7xrI_ZQTvPFWYBR8Wu-qPnpUH/view?usp=sharing

this is tablet size, product in the cart just moves out of the cart to be in the header itself
https://drive.google.com/file/d/1GgIj6r5Mn7hjP5YSpq0_qvVjhAg4t9Xe/view?usp=sharing

same on mobile size screen
https://drive.google.com/file/d/1LP1mkoXGiSqX7K2-D1daIaMd3sipncJE/view?usp=sharing

also what I did to try fix it
I use a child theme so I switched to the original neve
I disabled all plugins but woocommerce
I reinstalled woocommerce
I removed the single cart iron and moved primary menu from mobile menu to header again and enabled the menu itself cart icon same problem

• This reply was modified 5 years ago by Ahmed Abu Shamia.

Hi,
problem is not yet solved i used CSS code to hide it and only keep the cart icon but broke the header my site is now live
is someone can help me, please

/* 959px and below screen sizes */
@media (max-width:959px){

/* Widget */
#header-grid .component-wrap .menu-item-nav-cart > .widget{
display:none;
}

}

Hi there,

I’ve checked your screenshot, but what I don’t understand is how you’ve achieved that on mobile, where there is no hover effect, so the mini cart can’t be actually open.

Regards,
Rodica

Hi, rodicaelena

thank you for your reply again, I didn’t understand it either but it seems that problem got solved after theme update a few days ago.
it was weird it wasn’t even a dropdown from the icon but the container itself merged with the icon container somehow but it is solved and i launched my site.

anyway, thank you for your time ??

Glat to hear that! ??