CSS: Product cut off in mobile view.

  • Chas
    Asked on June 16, 2021 at 8:08 AM

    In the attachment, I have highlighted the issue with a red circle. For some reason, I'm mobile view, I am not able to read the second part of the Braintree description.

    Any suggestions?

    Chas


    Jotform Thread 3163906 Screenshot
    Page URL: https://form.jotform.com/211605335141140
  • Anthony_Evans
    Replied on June 16, 2021 at 12:57 PM

    Howdy Chas,

    That issue is being caused by this CSS in your form:

    span.form-product-item.hover-product-item {
    
    height : 50px;
    
}


    Removing this doesn't seem to make a difference, visually, on the desktop version. Please remove that code to allow the entire product to be visible on mobile.

    Please let us know if there's anything else we can help you with!

  • Charles Edens
    Replied on June 16, 2021 at 3:51 PM

    Perfect! Thank you!

  • saintfrancislittleitaly
    Replied on June 16, 2021 at 6:01 PM

    Anthony this is also still happening to our form. Increased the height and initially helps but it varies. Second page cuts off the PayPal buttons. Can you please step in to help on my thread? Thanks.
  • Tommaso_F
    Replied on June 17, 2021 at 2:03 AM

    Hello @saintfrancislittleitaly

    I have moved your question to a different thread and soon you will receive a reply here:
    https://www.jotform.com/answers/3165977

    Best regards.