[Kelly Eyde]

Hello,

I noticed that 600px and smaller for the screen size, the shopping cart list set to "display: none !important".

I've tried to resolve this with CSS and Javascript. CSS both in my main styles file and on the subpage template for C5 that I have made.

I have also written JQuery for this:

setTimeout($('.ecwid-minicart-floating').css('display', 'block !important'), 5000);

(different timeout times and without timeout completely)

Nothing seems to work.

Any ideas?

Thanks

[Stacy_P]

Originally Posted by Kelly Eyde

Hello,

I noticed that 600px and smaller for the screen size, the shopping cart list set to "display: none !important".

I've tried to resolve this with CSS and Javascript. CSS both in my main styles file and on the subpage template for C5 that I have made.

I have also written JQuery for this:

setTimeout($('.ecwid-minicart-floating').css('display', 'block !important'), 5000);

(different timeout times and without timeout completely)

Nothing seems to work.

Any ideas?

Thanks

Hello,

Ecwid Customer Care team is here. Thank you for reaching out!

Can you please share with us a link to your store where we can see the described behavior? So, we'll be able to inspect it and provide you with a possible solution.

Thank you.

[Kelly Eyde]

Hello,

It is located at https://yokefarms.com/products.

Thank you!

[Kenga Ecwid]

Originally Posted by Kelly Eyde

Hello,

It is located at https://yokefarms.com/products.

Thank you!

Hi there!

This is Kenga from Ecwid Customer Care Team.
Thanks a lot for reaching out to us!

The thing is, by default, the minicart widget appears in so-called floating mode. In this mode, it's hidden when customers are viewing your store from a mobile device. We've made it this way because it may overlap the content of the store on devices with narrow screens (such as smartphones and other mobiles). Therefore, we've decided to hide the minicart on such devices.

You can force the minicart in the floating mode to be always shown by adding this CSS code:

@media screen and (max-width: 600px) {
    .ecwid-minicart-floating {
        display: block !important;
    }
}

This code should be copied and pasted to your custom CSS theme in the Ecwid Control Panel > Design page. Activate the theme and save it. Then refresh the page of your storefront to see the changes.

Also, you can install a separate widget for the Shopping Bag to the source code of your website. This way, the Shopping bah will be always shown on every device. Check our instruction here:

• Adding Shopping Bag to your Ecwid store
• Customizing Shopping Bag design

Hope this helps! Please, let me know if any further assistance is required. I'll be glad to help you.