WordPress.org

Ready to get started?Download WordPress

Forums

Slick Contact Forms
iPad Problem - Contact form staying open as scrolling page (2 posts)

  1. SweetPweb
    Member
    Posted 2 years ago #

    So I was having trouble with this issue on iPhone (http://wordpress.org/support/topic/plugin-slick-contact-forms-iphone-problem) but it was not an issue for iPad... however I am now finding that the Slick Contact Form is remaining open on the iPad as well (perhaps after the iOS 6 update?).

    I fixed it on the iPhone by hiding the form with CSS on my responsive media CSS but for the larger iPad screen, I would have to hide it from all screen resolutions so no longer a viable fix.

    Anyone else experiencing this and have an idea how to fix?

    http://wordpress.org/extend/plugins/slick-contact-forms/

  2. Daedalon
    Member
    Posted 1 year ago #

    This jQuery / JavaScript solution hides the form on Safari 536.26 (iOS 6.1.4, currently the latest) and earlier on iPhones:

    if( jQuery.browser.webkit && navigator.platform.indexOf("iPhone") != -1 && jQuery.browser.version <= 536.26 ){ // Safari on iPhone mishandles Slick Contact Form. 536.26 is Safari version on iOS 6.1.4, latest on 2013-07-23
    	$('head').append('<style type="text/css" media="screen">.dc-contact-slick{display:none}</style>');
    }

    Updating to WordPresson 3.6 and thus switching from jQuery 1.7 to 1.9 will have this stop working as jQuery.browser has been deprecated since jQuery 1.3.

    A better way would be to use feature detection, preferably with CSS instead of JS & jQuery.

    Remix4: Any ideas what part of SCF are Safari on iPhones and IE9 on Lumia 710 having issues with?

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic