Home › Forums › WoodMart support forum › Help needed with cart alignment

Help needed with cart alignment

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 14, 2020 at 3:32 am #203250

    hazesmokeshop
    Participant

    Hi Support,

    This problem is regarding the previous thread which is already resolved. I am having some problem with ipad screen which is 768px width. As seen in the screen show in private content, we can see that the variation details are not aligned properly. Will you please check and help on this?

    This problem can be reproduced by adding the test product [private area] into cart and then visiting the cart and pressing the change button on 768px screen.

    Thanks.

    /1/
    https://xtemos.com/forums/topic/woocommerce-update-variations-in-cart-not-responsive-on-mobile/

    June 14, 2020 at 4:57 am #203260

    hazesmokeshop
    Participant

    The problem appears with screen 1024px and not 768px.

    June 14, 2020 at 9:59 am #203323

    Elise Noromit
    Member

    Hello,

    You need to take the code provided in the topic you refer to and add to the Theme Settings > Custom CSS > Tablet.

    Best Regards

    June 14, 2020 at 11:47 pm #203426

    hazesmokeshop
    Participant

    Hi Elise,

    Given below CSS is already in the Custom CSS under tablet section. It didn’t help.

    
.woocommerce-cart-form__contents tr:not(.woocommerce-cart-form__cart-item) {
  padding-left: 0;
}
.woocommerce-cart-form__contents tr:not(.woocommerce-cart-form__cart-item) tr {
  border-bottom: none;
  min-height: auto;
}
.woocommerce-cart-form__contents tr:not(.woocommerce-cart-form__cart-item) td {
  display: table;
  width: 100% !important;
  text-align: left;
}
.woocommerce-cart-form__contents tr:not(.woocommerce-cart-form__cart-item) td td.label {
  border-bottom: 0;
}
.woocommerce-cart-form__contents tr:not(.woocommerce-cart-form__cart-item) td .variations {
  width: 100%;
  margin-bottom: 0;
}
.quick-view.wd-action-btn.wd-quick-view-btn.wd-style-icon {
display: block;
}
    June 15, 2020 at 8:57 am #203520

    Elise Noromit
    Member

    Hello,

    Please provide the site admin access to the private area.

    Best Regards

    June 15, 2020 at 6:44 pm #203688

    hazesmokeshop
    Participant

    Please check below.

    June 16, 2020 at 7:31 am #203833

    Elise Noromit
    Member

    Hello,

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

    @media (max-width: 768px) {
  .woocommerce-cart-form__contents tr:not(.woocommerce-cart-form__cart-item) {
  padding-left: 0;
}
.woocommerce-cart-form__contents tr:not(.woocommerce-cart-form__cart-item) tr {
  border-bottom: none;
  min-height: auto;
}
.woocommerce-cart-form__contents tr:not(.woocommerce-cart-form__cart-item) td {
  display: table;
  width: 100% !important;
  text-align: left;
}
.woocommerce-cart-form__contents tr:not(.woocommerce-cart-form__cart-item) td td.label {
  border-bottom: 0;
}
.woocommerce-cart-form__contents tr:not(.woocommerce-cart-form__cart-item) td .variations {
  width: 100%;
  margin-bottom: 0;
}
.quick-view.wd-action-btn.wd-quick-view-btn.wd-style-icon {
display: block;
}
}

    Best Regards

    June 16, 2020 at 7:53 pm #204069

    hazesmokeshop
    Participant

    Hi Elise,

    Its still the same after I applied to CSS to Theme Settings > Custom CSS > Global.

    Attachments:
    You must be logged in to view attached files.
    June 17, 2020 at 8:05 am #204162

    Elise Noromit
    Member

    Hello,

    Sorry for the confusion. Please remove the code from Tablet/Landscape and Mobile.

    Best Regards

    June 17, 2020 at 9:10 pm #204357

    hazesmokeshop
    Participant

    Hi Elise,

    Thanks for your help. I have removed the previous code and now it looks good.

    Thanks.

    June 17, 2020 at 9:57 pm #204373

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Help needed with cart alignment’ is closed to new replies.