Request for Mini Cart Changes

Hi, we’d like to tweak our mini cart on the website and need your help with two things:

1. Make the mini cart wider so it’s easier to see everything.
2. Make the checkout button bigger for easier clicking..
3. Can you make these changes to both the sidebar and dropdown carts on our site?

Please see screenshots for example

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Elementor -> Settings -> Integrations and disable the “Mini Cart Template” – https://prnt.sc/pBA0NvvLManQ

Navigate to Theme Settings > Shop > Action after add to cart “Display Widget”. Also Navigate to WoodMart > Header Builder > Edit Current Header > Configure Cart Settings and set the position “Hidden Sidebar”.

Best Regards.

Please read my question again. l am already using the theme cart. Not elementor
Right now, it’s too narrow,

Hello,

I have checked your site and see the only sidebar widget. It is showing fine. Also, the checkout button is in full width.

See the screenshot for clarification:
https://ibb.co/1Zqsp0g

Best Regards.

I appreciate your help with this. However, I’m specifically looking to change the size of the current widget.

If you compare the screenshot l shared in the screenshots to my cart widget, you’ll notice the difference.

My first message was:
1. Make the mini cart wider so it’s easier to see everything.
2. Make the checkout button bigger for easier clicking..

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.cart-widget-side {
    width: 500px !important;
}
.woocommerce-mini-cart__buttons .checkout {
    font-size: 30px;
    width: 100%;
    height: 60px;
}

Best Regards.

[Author]

Posts