Home
Docs
How to Change the Floating Cart Icon Position

How to Change the Floating Cart Icon Position

Try Orderable

Dive into Orderable’s demo and experience the future of hassle-free online ordering.

Try Orderable

Join our Community

Join our community to connect with fellow users and share tips.

The floating cart is the icon that by default appears at the bottom right of the customer’s screen when on your website. When a customer clicks this icon, it opens a mini version of the cart.

floating cart icon

If you’d like to change where this icon appears, you can do so by taking the following steps:

  1. From your WordPress dashboard, go to Orderable > Settings and click the Style tab/link at the top of the page.
style tab Orderable
  1. Scroll down to the Mini Cart Settings section of the page.
  2. Next to Cart Icon Position, you’ll see a dropdown. Click it to change the position of the icon on your site.
cart icon position woocommerce
  1. Below this (in Fine-Tune Position), you can get a little more specific by setting the pixel spacing of the icon depending on where it’s positioned.
fine-tune cart icon position
  1. Once you’re happy with the new position of your floating cart icon, click the blue Save Changes button at the bottom of the page.

Get Your Restaurant Online With Orderable

The WooCommerce plugin designed to help restaurants take orders online – with no added fees!

View Pricing
Get started with Orderable