Changing the 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.

Back to top
Has the article answered your question?