My Image Slider isn't mobile responsive

  • coolyeah
    Asked on November 2, 2015 at 5:18 PM

    I have try many different ways to make my form responsive including add mobile responsive widget and also adding css code from the forum that has same issue before, but it still doesn't comes out right.

     

    could you help me to do something with this? thanks

     

    this is my form https://form.jotform.me/53012116059444

  • Jeanette JotForm Support
    Replied on November 2, 2015 at 10:21 PM

    I see you added this unnecessary widget to the form which it only works in conjunction with products images.

    http://widgets.jotform.com/widget/product_lightbox

     

    Also, I removed the mobile responsive widget, but I enabled the option from Preferences and the Designer.

    The form should now look fine, according to the preview of the mobile emulator:

    My Image Slider isnt mobile responsive Image 1 Screenshot 20

     

    If the problem continues, please let us know if the problem only happens in a particular mobile device.

  • coolyeah
    Replied on November 9, 2015 at 6:43 PM

    sorry for late response. I mean the problem is only in the image slider. It doesnt come out fit size even when I use mobile responsive widget or using option from preferences and the designer

  • Elton Support Team Lead
    Replied on November 9, 2015 at 8:57 PM

    It is because the image slider widget itself isn't mobile responsive. Please inject this CSS codes to your form, this should make it mobile friendly.

    @media screen and (max-width:500px){

    .custom-field-frame,

    .slidesjs-container,

    .slidesjs-control {

        width: 100% !important;

    }

    iframe#customFieldFrame_40{

        height: 288px !important;

    }

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes (paste the code at the bottom part)

    Result:

    My Image Slider isnt mobile responsive Image 1 Screenshot 20

    If you need further assistance, let us know.

  • coolyeah
    Replied on November 10, 2015 at 7:22 AM

    I have try add the code to my form, but it didn't work. could you give me the link of your edited form from mine? I want to copy it

  • Elton Support Team Lead
    Replied on November 10, 2015 at 10:27 AM

    Here's the cloned form which works for me https://form.jotform.com/53133764973967?. Please clone this and test it on your side. Let us know how it goes.

    Thanks!