Fields wont break in Mobileview

  • Resolved sindrejl

    (@sindrejl)


    7 months, 3 weeks ago

    Hi!

    I have this “weird” issue I cant get my head around
    In phone view / on mobile phone, the fields doesnt break into first and last on the fields that should. But it does exactly that on the “send to another adress” section, so I cant understand why it works as intended on that section but not on the main section ??

    Can you help me take a look at why it is like this?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Dina S.

    (@themehighsupport)

    Hi,

    Please add the below style in your Additional CSS file to resolve the issue.

    @media (max-width: 600px){
.woocommerce-billing-fields .form-row-first, .woocommerce-billing-fields .form-row-last {
     width: 50%!important;
 }
    .woocommerce-billing-fields .form-row-last{
        margin-left: 10px!important;
    }
}

    Thank you!

    Thread Starter sindrejl

    (@sindrejl)

    Hi!

    yes that worked, almost – Just want to comment that the last sentence should be “padding-left” and not margin. Padding causes the right field to collaps to next row again.

    With the change to “padding” it works exactly as I wanted ??

    Thank you!!

    Plugin Support Dina S.

    (@themehighsupport)

    Glad to hear that!

    Have a great day.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Fields wont break in Mobileview’ is closed to new replies.