Change space between drop down menu bars

  • Profile Image
    JStamp
    Asked on April 05, 2018 at 03:15 PM

    I know I figured this out once, but I can't remember how I got there to be space between the bars of a drop down menu. Here is what it looks like: https://form.jotform.com/80945809184164


    Here's how I would like to have it look: https://form.jotform.com/80576171828161 

  • Profile Image
    Victoria_K
    Answered on April 05, 2018 at 04:50 PM

    To be honest, I am not sure how you got there too :) There can be lots of settings, which could affect that, e.g Advanced Designer.

    But, here is the CSS code to fix that:

    #section_70, #section_4, #section_71, #section_5 {

      margin-top: 70px;

    }

    You can add it to the existing one. You can increase the margin-top value to meet your needs as well. Here is a quick guide to add custom css:

    How-to-Inject-Custom-CSS-Codes

    Hope this helps! But, if you need further assistance, just let us know.

  • Profile Image
    JStamp
    Answered on April 05, 2018 at 06:15 PM

    Perfect. Thank you! I thought that's what I did before too, but didn't see the code in the CSS for the one that already had the spacing. Strange!

  • Profile Image
    Victoria_K
    Answered on April 05, 2018 at 06:22 PM

    As I mentioned earlier, I suppose that you have used Advanced Designer to adjust the layout. I have reviewed it, but there are lots of differences between 2 forms, so I suppose that to inject some css would be the better solution. 

    If you face any other issue with your JotForms, just let us know, so we could assist again.