How to change minicart position in a floating mode

Last updated

Use the following custom CSS rule to position the minicart in a floating mode:

div.ecwid-minicart {
left: Npx !important;
top: Mpx !important;
right: Kpx !important; 
bottom: Lpx !important;
​} /* some lines can be omitted*/

Examples

Left-top corner

div.ecwid-minicart {
left: 0px !important;
top: 0px !important;
​} 

Left-bottom corner

div.ecwid-minicart {
left: 0px !important;
bottom: 0px !important;
​} 

Right-top corner

div.ecwid-minicart {
right: 0px !important; 
top: 0px !important; 
​} 

Right-bottom corner

div.ecwid-minicart {
right: 0px !important; 
bottom: 0px !important;
} 

These changes will not work in IE 6, because it doesn't support position:fixed CSS property.

Was this article helpful?
2 out of 2 found this helpful
Questions?
Get help
  • Presales Chat

    Need help choosing the right Ecwid plan? Our Sales team has the answer you’re looking for.

  • Forums

    Join the Ecwid community. Discuss support topics and store ideas with other Ecwid users.

  • Contact us

    Still have questions about Ecwid? Let us know! We will be glad to help you with your Ecwid store.

  • Status Monitor

    Get real time status updates on Ecwid services here, 24/7