My image title is not resizing in the responsive layout...

  • ArtesaniaSV
    Asked on July 22, 2015 at 8:11 PM

    Hi Jotform Friends,

    Can you please help me inject the proper CSS so that the image title at the top of my form is responsive. I have the "responsive" form enable under preferences, and the image title is being resized HUGE when my form is viewed on an iPhone. 

    I have attempted to add the responsive widget, but woah, that really made things worse. Not sure what I'm doing wrong.

    My webpage with form: http://metalstonesmacrame.com/index.php/shop

    Thanks!

    Page URL: http://metalstonesmacrame.com/index.php/shop
  • Charlie
    Replied on July 23, 2015 at 2:43 AM

    Hi,

    Have you tried following this guide on how to make your form mobile responsive: http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive? You need to enable the one in the Form Designer Tool.

    You can also try using this custom CSS code to resize your image:

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

    #cid_1 > div > img {

    width: 150px !important;

    }

    }

    Add that code under the CSS tab in your Form Designer Tool.

    See if that works.