Hide form for mobile users

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Matt LE

    (@matt-le)

    13 years, 5 months ago

    Try to figure it out my self and did add this to my CSS media query:

    @media only screen and ( max-width: 479px ) {
    #dc-contact-2.dc-contact-slick .tab { display: none; }

    Comment: At the end I use the slide version, not the floating…

    Daedalon

    (@daedalon)

    12 years, 10 months ago

    Thanks for the share. I’ve re-shared it in the bigger thread at http://ww.wp.xz.cn/support/topic/plugin-slick-contact-forms-iphone-problem?replies=17#post-4448303.

    judith.engracia

    (@judithengracia)

    12 years, 6 months ago

    I added

    #dc-contact-2.dc-contact-slick .tab { display: none; }

    to the @media (max-width: 479px) and tried it under @media (max-width: 767px) too, but neither worked. I tried it with both the main.css file and responsive.css.

    I also tried .dc-contact-slick {display: none;} but the contact form still showed up on my iPhone.

    The only solution that seems to work for me is to disable “Auto-Open” for the Slick Contact Form. Which stinks, because that means it doesn’t auto-open for my desktop site, either. But I’d rather have it not open for the desktop version, than block the entire smartphone screen.

    If anyone has any other ideas, it’d be much appreciated!

    Thanks,
    Jude
    http://www.ETNAproperties.com

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Hide form for mobile users’ is closed to new replies.