The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 07-16-2018, 07:15 PM
Kelly Eyde's Avatar
Kelly Eyde is offline
 
Join Date: Nov 2017
Posts: 2
Default

Shopping Cart Display


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:

HTML Code:
setTimeout($('.ecwid-minicart-floating').css('display', 'block !important'), 5000);
(different timeout times and without timeout completely)

Nothing seems to work.

Any ideas?

Thanks
  #2  
Old 07-17-2018, 11:21 AM
Stacy_P's Avatar
Stacy_P Stacy_P is offline
Ecwid Team
 
Join Date: Jan 2016
Posts: 308
Default

Quote:
Originally Posted by Kelly Eyde View Post
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:

HTML Code:
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.
__________________
Stacy
Ecwid Customer Care Team
Help Center


⬇ Please click Thanks if my reply helped you.
  #3  
Old 07-17-2018, 01:56 PM
Kelly Eyde's Avatar
Kelly Eyde Kelly Eyde is offline
 
Join Date: Nov 2017
Posts: 2
Default

Hello,

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

Thank you!
  #4  
Old 07-18-2018, 01:45 PM
Kenga Ecwid's Avatar
Kenga Ecwid Kenga Ecwid is offline
Ecwid Team
 
Join Date: Jun 2016
Posts: 109
Default

Quote:
Originally Posted by Kelly Eyde View Post
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:

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:

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

Ecwid team
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
css, shopping cart

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 03:17 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.