How to change the layout of the inside of the side right panels Cart?

Hello @Brunos,

We have added the following custom CSS to your website under “Theme Options → Theme Custom CSS → Global CSS” (https://prnt.sc/ShlvgSDrLZ8i). Please check it now:

#header .et-off-canvas .cart-widget-products .product-mini-image {
    float: none;
    width: 100%;
    max-width: unset;
    text-align: center;
    width: 100% !important;
    margin: 0 0 20px 0;
}

#header .et-off-canvas .cart-widget-products .product-mini-image img {
    margin: 0 auto;
    float: none;
    max-width: 100%;
    max-height: unset;
    width: 170px;
}

#header .et-off-canvas .cart_list.product_list_widget li {
    padding-left: 30px;
    padding-right: 30px;
}

You can view the frontend result here: https://prnt.sc/kuD7HARx0OG2

If you would like this layout to apply only to desktop devices, please replace “#header” in the previous custom CSS with “.header-wrapper”.

For more information, please refer to the Custom CSS documentation:
https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

Best regards,
Jack Richardson
The 8Theme’s Team

Dear Brunos,

It’s great having you in our WordPress & WooCommerce community!

Every insight you share helps us refine XStore and build tools that empower thousands of online store owners worldwide.

Leave Feedback →
(takes less than a minute)

Together, we grow stronger with every release.

Topic closed.
The 8Theme Team