Mark

Hi Chris, Tried your suggestion but it didn’t work for me. Does this fix still work for you?

Thanks,

Mark

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;
}}

Thanks Max, looks like it just started working on it’s own without having to change priority. Not sure why because I did standard testing (cleared browser cache, disabled plugins, etc.) before and it didn’t resolve the issue but it now works and working great. Great plugin, thanks for the prompt reply!!

-mark

Ok, figured out a solution using the Adminimize plugin. I went into the wp-biographia.php first and simply added my own unique div around the right code and then used the adminimize plugin to remove the box on contributor profiles only. Tested and now the profiles don’t override the excerpt profile and the excerpt is still showing on posts. However, if there is a better solution please let me know.

Thanks!

Mark

After 4 months of getting 0 responses regarding this I decided to give it another try. Decided recently that i’d still like to include a review option for portions of my site. A little disappointing that nobody including the plugin author responded to my support request. I hope there is better support in the future for this plugin for it seems to be pretty well featured and I’d like to use it, however, I wonder about the longevity of this plugin since it has very little if not any support from the author? If they release a paid version I’d be happy to pay if it means they will offer support. Anyways, I apologize for the little rant! Now if any of you are interested in the css that fixed the issue for the checkbox not displaying in chrome/safari/opera, it is this:

#fconfirm2 {-webkit-appearance: checkbox !important;}

Hope this can be of help for any of you who also experience this issue. Looks like my theme had -webkit-appearance set to display: none site-wide. I just recently learned a little about -webkit so didn’t have any clue originally.

I got tired of waiting for the plugin author to reply to your question and didn’t want to invest in another plugin so I was able to get it to be responsive to a point (it’s not perfectly centered) by messing with css media queries. I’m no expert but it does work. I tested it on my own website (with a responsive theme) and I made sure it works on the iPhone 3,4 & 5 and Android S4 Galaxy. Here you go if interested. Simply add the below code to your custom.css or other stylesheet. Good luck, let me know if this works. If you need help tweaking it let me know and I can help or if you figure out how to get it centered please let me know.

@media only screen and (max-width:360px) {
#cboxWrapper, #colorbox {

-webkit-transform: scale(.83);
-moz-transform: scale(.83);
-ms-transform: scale(.83);
-o-transform: scale(.83);
transform: scale(.83);
margin-left: -39px;
}}

@media only screen and (max-height:360px) {
#cboxWrapper, #colorbox {

-webkit-transform: scale(.83);
-moz-transform: scale(.83);
-ms-transform: scale(.83);
-o-transform: scale(.83);
transform: scale(.83);
margin-top: -32px;
}}

Ended up having to change the main WordPress email to an email on our domain. Before we had the main WordPress email set up as using a gmail account. Once we made the switch all alerts started coming back in. Must be a setting on our new hosting account that differs than our previous hosting at Godaddy.

I am also experiencing this issue, is there a fix? This feature used to work but I am not sure when it stopped working. We had a user login the other day but weren’t alerted like we have been for the past year. Both check marks are enabled.

Thanks,

Mark

Thank you for helping us resolve this issue. Awesome support!

Best Regards,

Mark

Bob, I want to apologize as I just realized I didn’t remove the ‘ and then re add it after implementing the original fix you sent me early on. I haven’t implemented this new fix just yet but I did implement the old one just to make sure I was covering all basis. It ended up working both in the admin area and live on the site.

So I went back and replaced:

echo $wptbOptions[‘bar_text’],’

with:

echo stripslashes($wptbOptions[‘bar_text’]),’

in the wp-topbar.php per your original suggested fix and it is working.

I will still test out the new fix to see if the top-bar scrolls and pushes the content down in addition to resolving this issue. I will let you know what happens after testing is complete.

Yes, I can be emailed. You can send the email to [email protected].

Thanks,

Mark

Sounds great Bob, thanks for looking into this!

Hi Bob, I could change the text to “Do not” instead of “Don’t” but I am still not sure why it would add the \. I may want to use the ‘ with future marketing messages. In regards to Magic quotes, it is current shown as OFF.

Regards,

Mark

Interesting. Making the changes you’ve instructed fixed the issue within the WP-Topbar admin section, however, it still displays the \ on the website. Here’s my website URL if this can help you troubleshoot: https://www.askthetrainer.com. We’ve temporarily disabled w3 total cache, minify, etc. to make the code reading friendly. Look forward to your reply.

Regards,

Mark

Awesome Bob, looking forward to see what you come up with. Your plugin is near perfect and I appreciate your being so proactive with my questions.