How to move the shopping cart position

Learn how to create a better customer experience reserving products online, by changing the position of the online shopping cart.

Jeffrey avatar
Written by Jeffrey
Updated over a week ago

Yes, you can change your shopping cart's position to suit your needs. You can move the cart using CSS.

Here are some example CSS codes you can use. The exact location to inject the code depends on your type of website or website builder.

How it works

1. Move your shopping cart to the bottom-left of your website

.booqable-component #booqable-launcher {
    left: 35px;
}
#booqable-sidebar {
    left: 35px;
    right: auto;
}

2. Move your shopping cart to the top-right of your website

.booqable-component #booqable-launcher {
    top: 15px;
    bottom: unset;
  }
  #booqable-sidebar-inner {
    top: 30px;
    bottom: unset;
    height: calc(100% - 30px);
  }

💡Note: Some knowledge of HTML and CSS is required. We suggest hiring a developer if you're not comfortable editing the code of your site.

You're all set!

You have now successfully learned how to move the shopping cart position on your website with Booqable.

Did this answer your question?