• Resolved kareemsayeed

    (@kareemsayeed)


    Prior to the last update, the phone number and email address fields were both on the same line in the woocommerce checkout. Now they are on separate lines.

    Does anyone have a CSS Fix?
    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mikey (a11n)

    (@mikeyarce)

    Hi @kareemsayeed,

    Prior to the last update, the phone number and email address fields were both on the same line in the woocommerce checkout. Now they are on separate lines.

    Good question! Here’s what worked for me on Storefront:

    .col2-set .form-row.validate-email {
        width: 55%;
        float: right;
        clear: none;
    }
    .col2-set .form-row.validate-phone {
        width: 33.33%;
        float: left;
        margin-right: 0;
    }
    Thread Starter kareemsayeed

    (@kareemsayeed)

    Thanks Mike! Worked beautifully.

    Mikey (a11n)

    (@mikeyarce)

    Awesome!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Inline Phone & Email Address Field’ is closed to new replies.