Checkout page formatting - Mobile

Home › Forums › Jevelin Theme › Checkout page formatting – Mobile

Home › Forums › Jevelin Theme › Checkout page formatting – Mobile

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

  • NorthumbrianTin
    Participant

    Hi Guys

    Couple of issues on the checkout page on mobile.

    Pics below

    Update cart button not fitting correctly in checkout table

    Shipping tittle needs spacing away from the method choice

    If you could help with this please it would be much appreciated

    Cheers

    D.

     

    Attachments:
    You must be logged in to view attached files.

    NorthumbrianTin
    Participant

    Website : https://www.northumbriantinsoldier.com

    Shufflehound Support
    Moderator

    Solution for this topic

    Hi @NorthumbrianTin,

     

    Thank you for your question.

     

    You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .woocommerce-page table.cart td.actions {
    overflow: hidden;
}

.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before{
    text-align:left;
    float: none;
    display: block;
}

     

    Best regards,
    Shufflehound team

    NorthumbrianTin
    Participant

    Thanks – works great 🙂

    Shufflehound Support
    Moderator

    You are always welcome here 🙂

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