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

This topic contains 5 replies, has 2 voices, and was last updated by  Shufflehound Support 4 days, 1 hour ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • 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.

    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

    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.

    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;
    }

    Hello,

     

    Thanks for your response!

     

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

    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.

Viewing 6 posts - 1 through 6 (of 6 total)