How to prevent sidebar optin form from appearing when in mobile

  • Resolved Jan

    (@janchu4)


    8 years, 6 months ago

    First, your plugin is AWESOME!
    I have put an optin form at the end of pages and posts and in the sidebar (actually right now it is the Mailchimp plugin). I like how the optin shows up on a desk top or landscape view of a tablet; however, on a mobile device, the optin form shows up TWICE: once because of the “end of post” placement and the other time due to the “sidebar” placement. How do I exclude one of the optin forms?

    https://wordpress.org/plugins/optin-forms/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Boris Beo

    (@brs)

    8 years, 6 months ago

    Hi Jan,

    thanks for the compliment, I’m glad you like it 😉

    Yes, it is possible by adding some custom CSS. Can you show me the page where the form is included, so I can take a look?

    Thanks!

    Thread Starter Jan

    (@janchu4)

    8 years, 6 months ago

    Hi Boris:
    Sorry for the dealy, I thought you ot my email. You can check out this page (note: it’s on all pages and posts):
    http://www.francetraveltips.com/how-to-travel-with-friends-and-remain-friends/

    Be sure you look at it on a mobile (vertically).
    Thanks!

    Boris Beo

    (@brs)

    8 years, 6 months ago

    Hi Jan,

    it is indeed a different plugin you are using in the sidebar. You can exclude it on tablets and mobile devices by adding the following code to your Custom CSS field, under Form Options in Optin Forms:

    @media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#mc4wp_widget-4{display:none;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
#mc4wp_widget-4{display:none;}
}

    Let me know if that worked!

    Thread Starter Jan

    (@janchu4)

    8 years, 6 months ago

    Hi Boris:
    I added the CSS and it looks like it works AOK except with iPads. I checked on my own iPad2 as well as through Chrome’s Inspector Element and it looks like the second sign up form is showing up.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to prevent sidebar optin form from appearing when in mobile’ is closed to new replies.