Hide iFrame On Mobile Devices

  • Hi James,

    Love the plugin, and it presents well on desktop.

    I have two questions …

    ONE) is it possible to style the iframe on desktop to ONLY show the summary information such as in this example (ie not scroll any info past this summary):

    View post on imgur.com

    And TWO) if not, is it possible to prevent the iframe from showing on mobile devices completely as it seems to show a massive height of information unlike the summary with scroll bar on desktop.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author jhanbackjr

    (@jhanbackjr)

    Hello, tmlcreativemedia.

    Thanks for using ScrapeAZon! To accomplish what you want, you’d need to customize your theme’s CSS. The plugin itself doesn’t support the options you describe. iFrame scrolling bars are a source of consternation because support for disabling them has been removed from HTML5 and the applying the “overflow” property to iframes isn’t support by all browsers.

    In other words, your second option (removing the iframe from mobile devices) might be the way you want to go. In order to do that, you’ll need to either use a different theme for mobile devices in which you can customize the CSS to hide the iframe or add/edit/use CSS media queries in your theme or use a mobile detection WordPress plugin (such as “WP Mobile Detect”) to replace the iframe with something else on mobile devices.

    Thanks again. Let me know if I can be of further assistance!

    James

    Thread Starter tmlcreativemedia

    (@tmlcreativemedia)

    Hi James, thank you for the quick response. Yes, I think you are right. I have added a media query for small screen size and just removed the div from display on mobile devices. Very helpful, thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hide iFrame On Mobile Devices’ is closed to new replies.