Checkout buttons among each other mobile

  • Hi,

    My site is almost ready to go live. Just some things to get ready now.

    One of this is the checkout page for mobile. I’m using Multiple Checkout and everything looks good, except for mobile. The “volgende” (next) and “vorige” (previous) buttons are divided over 2 lines. Could someone help me to put these buttons among each other? If you have another good solution, that’s okay too.

    https://IMG_1687.PNG How it looks

    Thank you in advance.
    Kind regards,
    Robin

    • This topic was modified 3 years, 5 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Topher

    (@topher1kenobe)

    I see them next to each other now, did you fix this?

    Thread Starter robindijk

    (@robindijk)

    Thank you for your response!

    With help of a web developer. He created this CSS if you’re interested to see:

    @media (max-width: 560px){
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
    }
    }

    .woocommerce .wpmc-nav-wrapper {
    justify-content: space-evenly;
    flex-wrap: wrap;
    }
    .woocommerce .wpmc-nav-wrapper .button {
    margin-top: 1em;
    }

    Now I have one thing to do, maybe you know a solution for this.. The upselling products move over each other on mobile. Here you can see how it looks

    Thank you in advance!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Checkout buttons among each other mobile’ is closed to new replies.