Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3506371
Cart Page on Mobile
Closed

Comments

  •  11
    LillaGreen started the conversation
    October 24, 2023 at 11:55am

    Hi, how can I edit the cart page for mobile? I want to have an image of the product in the cart - now it doesn't look good... 

    2426334511.png

    how can I edit it so that it looks like on desktop with an image?

    7729077897.png

    and how can I edit the pencil side bar shopping cart for dektop on the right side?

    8518601313.png
  •  2,277
    PenciDesign replied
    October 24, 2023 at 4:36pm

    Hi,

    1. Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:

    .woocommerce #content table.cart .product-thumbnail,
    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page #content table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail {
      display: block;
      text-align: center !important;
      margin-left: auto;
      margin-right: auto;
    }

    2. Navigate to Dashboard > Elementor > Settings > Integrations tab > WooCommerce section and choose Disable.

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied
    October 24, 2023 at 4:43pm

    it kind of worked out... but how can I make the Image on mobile for the cart bigger and how to remove the column ":" ?  Thank you


    4884313333.jpg


  •  2,277
    PenciDesign replied
    October 25, 2023 at 2:01am

    Hi,

    Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:

    @media only screen and (max-width:767px) {
        .woocommerce table.shop_table_responsive tr td:before,
        .woocommerce-page table.shop_table_responsive tr td:before {
            display: none !important;
        }
    .woocommerce-cart table.cart img {
            width: 120px;
            height: auto;
        }
}

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied
    October 25, 2023 at 9:32am

    This code doesn't work - there is no image displayed...

  •  2,277
    PenciDesign replied
    October 25, 2023 at 10:12am

    Hi,

    I mean you should add this code without deleting any code you've added before.

    Regards,
    PenciDesign.


  •  11
    LillaGreen replied
    October 25, 2023 at 10:18am

    Thank you! It worked out :)