I want to center and image select question. Plus is there a way to make it responsive?

  • Profile Image
    trustedchoice
    Asked on July 10, 2017 at 05:33 PM

    https://form.jotform.us/71855347384163

     

    .. the area that contains the images when on mobile doesn't vertically expand to show all the options.

     

    Also looking to center the images within the form

     

    Thanks in advance!

    Screenshot
  • Profile Image
    EltonCris
    Answered on July 10, 2017 at 09:02 PM

    I fixed it for you. I injected the following CSS codes into that widget, under settings - Custom CSS tab.

    @media screen and (max-device-width:480px){.imageContainer.blocks {width: 33.3% !important; box-sizing: border-box; } .divimg {width: 100% !important; height: 120px !important; } #container {height: auto; display: inline-block; width: 100% !important; } img.pickerimage {margin: 0; } .imageContainer.blocks {margin: 0; } }

    Here's how it should look like on mobile now.

  • Profile Image
    trustedchoice
    Answered on July 11, 2017 at 11:58 AM

    Thank you!