I need to add floating cart with product count in my site(screenshot_1). Which is now in header minicart. I need to fix minicart in right side of my site.

How I can do that?

enter image description here

  • Can you show your header here – Vignesh Bala Dec 11 '18 at 11:50
  • @VigneshBala Did not understood that you asking or suggesting. I need only cart here not full header. – SA Soibal Dec 11 '18 at 12:03
  • Take screenshot for your header and display as image here, Currently the minicart is displayed or not ? – Vignesh Bala Dec 11 '18 at 12:05
.minicart-wrapper {
    position: fixed;
    right: 0;
    top: 20%; /* adjust as needed */
    .block-minicart { right : 10px; } 
    /* so the content window doesn't overflow over the right side of the page */

You can do this using just a couple of lines of CSS.

  • Ohh Dear. Sorry for late response. I have solved this issue. Thanks a lot :) – SA Soibal Mar 6 '19 at 7:01

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.