Sizing security seal mobile

  • opencrm
    Asked on June 23, 2016 at 9:11 AM
  • Charlie
    Replied on June 23, 2016 at 10:45 AM

    I presume you are referring to the SSL seal logo? I checked your form titled "Clone of Clone of ACCOUNTS - UK pay", in small screen, it actually becomes bigger. Is that the problem you are having?

    Sizing security seal mobile Image 1 Screenshot 40

     

    If you want it to resize like this:

    Sizing security seal mobile Image 2 Screenshot 51

     

    Then here are the steps you need to take:

    1. First, enable the "Make this form responsive" option in your From Designer Tool. You can follow this guide: https://www.jotform.com/help/322-How-to-make-mobile-friendly-forms-on-JotForm 

    2. After that, add this custom CSS code under the "CSS" tab:

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

        #positivessl {

            display: block !important;

            max-width: 100% !important;

        }

        #cid_39 {

            width: 50% !important;

            margin-left: auto !important;

            margin-right: auto !important;

        }

    }

    Here's a screenshot to where to paste it:

    Sizing security seal mobile Image 3 Screenshot 62

     

    Please note that the CSS code is specific to that form only.

    Let us know if that works.