Home › Forums › WoodMart support forum › Request for Mini Cart Changes

Request for Mini Cart Changes

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 11, 2024 at 7:03 am #564836

    son0002
    Participant

    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.
    May 11, 2024 at 12:07 pm #564870

    Aizaz Imtiaz Awan
    Keymaster

    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.

    May 12, 2024 at 3:38 pm #564991

    son0002
    Participant

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

    May 13, 2024 at 11:55 am #565120

    Aizaz Imtiaz Awan
    Keymaster

    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.

    May 13, 2024 at 12:54 pm #565150

    son0002
    Participant

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

    May 13, 2024 at 4:22 pm #565231

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 6 posts - 1 through 6 (of 6 total)