ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• March 27, 2014 at 7:55 pm #61867
  etienneg01

  Member

  Post count: 22

  Hello,

  I’m experiencing an issue at the checkout step.
  When on mobile phones, the title of the field and the field are really close and this it’s cutting the longest word. Please see the screenshot attached, it explains all

  This is not really cool for iphones users and we are willing to do the mod that you can see on the screenshot (good). It’s basically going to the new line after the input field.

  I simulated it on a browser but i don’t know how to do it in real. Also this is only required for mobile phones.

  Please dont tell me to hire a dev for this, as it is not my fault if i’m french and that we use longer words 🙂

  best regards

  March 28, 2014 at 8:05 am #61928
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Try adding this custom css:

  @media only screen and (max-device-width : 480px) {
  .woocommerce form #customer_details .form-row label {
    width: 100%;
  }
  .woocommerce form #customer_details .form-row input {
    float: left;
    width: 100%;
  }
  }

  – Kyle

• Back to forum

  Posted in: Dante