The images is in website are not responsive

  • Peter Whittle
    Asked on November 23, 2016 at 12:48 AM

    I am trying to use embed codes for displaying images on my website but they are not responsive when enlarging the page and making it smaller.

    I've tried adjusting the width to 100% in the code but the height never adjusts correctly.

    I am using wordpress, do I need to paste a code into my elated options in custom CSS

  • candy
    Replied on November 23, 2016 at 4:38 AM

    Hello,

    We would like to help you with this issue. Could you please give us the form URL that you are working on?

    Also, you can add mobile responsive widget in your form as the following link: https://widgets.jotform.com/widget/mobile_responsive

    Thanks in advance.

  • Peter Whittle
    Replied on November 23, 2016 at 1:40 PM

    So I need this embed below to stretch all the way into my post column (width wise is the most important) and be responsive to the height and width once the browser is stretched or minimized.....but it wont. When I put the width as 100% the height is not responsive regardless of what I change it to, If I enter a set value it overrides the width. Does that make sense? Maybe I need to enclose the embed with a border or maybe even a post within a post? would this work?>

    <iframe id="embed-frame-18144" style="border: 0px none;" src="//media.atlanticimages.uk/embed/0x763178316a5a4277774330622b716a4a67474b316d5a44556f325662584a4e63674e59546134632f66587a7554324534767a6b6a4f46634e3468316c6c38367237742b574c684a7135474c6f6b555675437444346971385a576f4b472f716d6645393634547439374568325a326b6166332f6a4d6948327a45367155524b5054" width="548" height="825" scrolling="no" data-image-link="http://media.atlanticimages.uk/item/en/1/18144"></iframe>

  • Jan
    Replied on November 23, 2016 at 3:44 PM

    Please provide the URL of the webpage where the form is embedded so that we can further investigate.

    If you are planning to embed a JotForm form to Wordpress, then you can refer to these guides: 
    Adding-Forms-to-Wordpress-org-Version 
    How-to-embed-a-form-to-Wordpress-com

    You may also embed it using the iFrame method. Here's a guide: Getting-the-form-iFrame-code.

    Also, if you form is not responsive, you can insert the Mobile Responsive widget in your form just like what my colleague Candy suggested. Here's a guide on How-to-Add-a-Widget-to-your-Form.

    The images is in website are not responsive Image 1 Screenshot 20

    Hope this helps. Let us know if you need further assistance. Thank you.