Support » Plugin: Slick Contact Forms » Hide form for mobile users

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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…

    Thanks for the share. I’ve re-shared it in the bigger thread at

    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!


Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hide form for mobile users’ is closed to new replies.