What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    How to make Fancy Slider widget Mobile Responsive?

    Asked by mitchellCRA on August 13, 2016 at 05:56 AM
    2. I would like to make the 3 fancy sliders mobile reposnsive. I have tried to insert some custom css code but it appears to only have effected 1 of the sliders.
  • Profile Image
    JotForm Support

    Answered by BJoanna on August 13, 2016 at 06:09 AM

    You can make all sliders mobile responsive, by adding Mobile Responsive widget to your form. 

    How to Add a Widget to your Form?

    Also remove CSS code that you have added to make your second widget responsive.

    @media only screen and (max-width: 40em){

        #customFieldFrame_14 {

            width : 300px !important;



    After you add Mobile Responsive widget and remove mentioned CSS code, your sliders should look like this on mobile devices. 

    Here is my cloned form: https://form.jotform.com/62252678104959 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.