Bugs on Woocommerce Checkout Page for Mobile

Home › Forums › Jevelin Theme › Bugs on Woocommerce Checkout Page for Mobile

Home › Forums › Jevelin Theme › Bugs on Woocommerce Checkout Page for Mobile

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

  • zeynlambat
    Participant

    Hi,

     

    Just a few bugs I need sorting ASAP.

     

    When on mobile:

     

    1. Order table gets chopped – see screenshot 1
    2. Email box is too small compared to others? – see screenshot 2
    3. The checkbox is too small for T & C’s and covers some text, this is the same for if a user wants to create an account on checkout page.
    4. Why are countries showing twice on dropdown? – see screenshot

    Look forward to hearing from you.

     

    The page for this URL is https://www.zainfit.com/customised-plan

     

    Add the product to cart and you will see the bugs

     

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

    Shufflehound Support
    Moderator

    Hi @zeynlambat,

     

    I hope you are well today and thanks for posting here.

     

    I tried to troubleshoot the issues on your site but i don’t find any product to add in the cart https://www.zainfit.com/apparel/ to reproduce the issue.

     

    Please advise.

     

    Best regards,
    Shufflehound team

    zeynlambat
    Participant

    Hi,

     

    If you scroll down on https://www.zainfit.com/customised-plan and select BUY NOW further down, you can add the product in the cart.

    Shufflehound Support
    Moderator

    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 .product-remove,
.woocommerce-page table.cart .product-subtotal {
    display: block;
}

.woocommerce form #billing_email_field {
    float: left;
    width: 100%;
}


.woocommerce form .form-row .checkbox span {
    float: left;
    line-height: 1;
    padding-left: 15px;
}

#simpleselect_billing_country {
    display: none;
}

    zeynlambat
    Participant

    Hello,

     

    Thanks for your response!

     

    I’ve added the code and unfortunately it doesn’t seem to have fixed the issue.

    Shufflehound Support
    Moderator

    I checked your site and found out it is not working because you have added provided code after your existing incorrect CSS code causing provided CSS code not to work so please add it above all your existing CSS code.

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