How to make Fancy Slider widget Mobile Responsive?

  • mitchellCRA
    Asked on August 13, 2016 at 5: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.
  • BJoanna
    Replied on August 13, 2016 at 6: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. 

    How to make Fancy Slider widget Mobile Responsive? Image 1 Screenshot 20

    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.