Support » Plugin: YITH Newsletter Popup » It Works – But Had Some Issues

  • This is a pretty good plugin but it didn’t function correctly “out-the-box” for me. I had to use Firebug to correct a bunch of formatting issues but it wasn’t too tedious. Overall, its okay. Its not mobile friendly either. When I look at my site on my smartphone, the modal box takes up the entire screen and is not movable. I had a very hard time accessing the site on my smartphone. Overall its a pretty good plugin.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi,

    If you’re still using this plugin, you can use some css media queries to make it look good on iPhone (320px) and Android S4 Galaxy (360px). I added this code to the custom style option on the plugins settings page. The code at the top is because I setup a custom popup for the newsletter plugin i use called MailPoet or Wysija as it was previously called. If you’re looking for a free option to collect newsletter signups MailPoet and this popup work pretty well together. I’m not quite ready to dump money into Aweber or Mailchimp. Let me know if you have any questions as I would be happy to help you set up this newsletter popup to make it responsive. I’m surprised there aren’t more responsive friendly options out there. Ninja Popups for WordPress looks very promising if you don’t mind forking out some for a premium plugin, seems to have responsive capability and is compatible out of the box with just about every newsletter software.

    Anyways, here’s the css code I used to make this responsive if interested. You can make adjustments if needed. The scale and tranlate numbers are what you likely will need to play with if you make the pop box a different size than the one I setup on my site.

    p#yith-popup-message {display: none;}
    .yith-popup-checkzone {padding-bottom: 5px; left: -15px;}
    .yithpopup_wrapper {width: 390px;}
    #yithpopupcustom {width: 390px; margin-top: -35px; margin-left: -15px;}
    #yithcustomtext {margin-top: 5px; margin-bottom: 35px;}
    .yithpopup_wrapper a.close {top: -20px;}

    /* ———[ Mobile Responsive Pop Up Box Adjustments ]——— */
    @media only screen and (max-width:360px) {
    .yithpopup_wrapper {
    -webkit-transform: scale(.87) translateX(-31px);
    -moz-transform: scale(.87) translateX(-31px);
    -ms-transform: scale(.87) translateX(-31px);
    -o-transform: scale(.87) translateX(-31px);
    transform: scale(.87) translateX(-31px);
    z-index: 99999;
    }}

    @media only screen and (max-height:360px) {
    .yithpopup_wrapper {
    -webkit-transform: scale(.87) translateY(-31px);
    -moz-transform: scale(.87) translateY(-31px);
    -ms-transform: scale(.87) translateY(-31px);
    -o-transform: scale(.87) translateY(-31px);
    transform: scale(.87) translateY(-31px);
    z-index: 99999;
    }}

    @media only screen and (max-width:320px) {
    .yithpopup_wrapper {
    -webkit-transform: scale(.77) translateX(-59px);
    -moz-transform: scale(.77) translateX(-59px);
    -ms-transform: scale(.77) translateX(-59px);
    -o-transform: scale(.77) translateX(-59px);
    transform: scale(.77) translateX(-59px);
    z-index: 99999;
    }}

    @media only screen and (max-height:320px) {
    .yithpopup_wrapper {
    -webkit-transform: scale(.77) translateY(-59px);
    -moz-transform: scale(.77) translateY(-59px);
    -ms-transform: scale(.77) translateY(-59px);
    -o-transform: scale(.77) translateY(-59px);
    transform: scale(.77) translateY(-59px);
    z-index: 99999;
    }}

    Hello Sir…..
    Please help….

    I am using YITH Newsletter Popup on The front page.

    When load page and after some time popup show
    My means :
    Time delay : 60seconds.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘It Works – But Had Some Issues’ is closed to new replies.