Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 30, 2016 at 2:09 pm #625010
    richardhofer83

    hi guys

    the problem occurs only on mobile devices on the checkout page of the shop where you fill out your shipping info

    the two input fields “email” and “telephone” are not on the same line, is there a css code to put them in line? so that the input fields are on the same height?

    picture what i mean
    https://www.dropbox.com/s/rqamao7ecvmpo61/mobile%20shop%20checkout%20layout%20problem.PNG?dl=0

    see more info in private section

    thanks
    richard

    May 3, 2016 at 5:45 am #626188
    Vinay

    Hey richardhofer83,

    Thank you for sharing the screenshot to specify the issue.

    We checked quite a few products and tried to add it in the cart but at the moment it looks like almost all the products are out of stock. We would gladly help you fix this using custom css but we need to be able to inspect the element. Please let us know if there are any products in stock that we can try adding it to cart and help you fix this issue.

    Best regards,
    Vinnie

    May 3, 2016 at 9:42 am #626289
    richardhofer83

    sorry now you can try it see link in private

    May 3, 2016 at 4:30 pm #626601
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 480px) {
.form-row-first, .form-row-last { width: 100% !important; margin: 0 !important; }}

    Best regards,
    Yigit

    May 3, 2016 at 8:45 pm #626731
    richardhofer83

    yes perfect, thank you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘layout problem on the checkout page | only on mobile devices |’ is closed to new replies.