Product list is shown in 1 column instead of 2 columns

  • martinwprior
    Asked on May 29, 2020 at 7:23 PM

    I have a form: Brickoven-Baking it has two subsidiary pages :

    PayPal Form & 

    Cash or Transfer Form

    If I display the subsidiary on its own it displays in two columns as I want. But when they display on the main Brickoven-Baking page they revert to single column.




    Jotform Thread 2356586 Screenshot
  • Welvin Support Team Lead
    Replied on May 29, 2020 at 9:51 PM

    We have adjusted our payment layout, and that seems to be causing it. I'll check this and let you know.

  • martinwprior
    Replied on June 7, 2020 at 12:28 AM
    Is there any update on this. I would like to utilise dual columns as my
    product list gets longer.
    ...
  • John Support Team Lead
    Replied on June 7, 2020 at 6:11 AM

    I can see that you are using custom CSS codes to display the products into two columns. Please change the float property of the product items from "center" to "left". That should resolve it:

    Product list is shown in 1 column instead of 2 columns Image 10

    Let us know how it goes.

  • martinwprior
    Replied on June 7, 2020 at 7:28 AM
    These are now on whitebrickoven.com.
    I made the suggested changes and its fine if I view the forms in Jotform.
    ...
  • martinwprior
    Replied on June 7, 2020 at 7:28 AM
    Yes when I change it to left in Jotform it looks OK. but when I load it
    ...
  • Vanessa_T
    Replied on June 7, 2020 at 9:38 AM

    It seems that your last message is not complete.

    I checked the website link you initially provided but could only see this:

    Product list is shown in 1 column instead of 2 columns Image 10

    This usually happens due to the extra padding set for each field, which causes the content to be squished. Since the two columns could no longer fit in one line, it is then pushed to a new line, causing a single column view.

    We can provide the Custom CSS for this, however, it would be helpful if you can provide the exact URL where the form is embedded so the CSS that we'll provide is more accurate both in JotForm and in your website.

    We'll await for your response.

  • martinwprior
    Replied on June 7, 2020 at 10:28 AM
    Moved to www.whitebrickoven.com
    ...
  • Welvin Support Team Lead
    Replied on June 7, 2020 at 11:35 AM

    I have fixed that. Please check again. 

  • martinwprior
    Replied on June 7, 2020 at 6:28 PM
    Great. Thank you .
    regards
    Martin Prior
    ...