My Image Slider isn't mobile responsive

  • Profile Image
    coolyeah
    Asked on November 02, 2015 at 05: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

  • Profile Image
    Jeanette
    Answered on November 02, 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:

     

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

  • Profile Image
    coolyeah
    Answered on November 09, 2015 at 06: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

  • Profile Image
    EltonCris
    Answered on November 09, 2015 at 08: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:

    If you need further assistance, let us know.

  • Profile Image
    coolyeah
    Answered on November 10, 2015 at 07: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

  • Profile Image
    EltonCris
    Answered 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!