Can not remove Google+ button

4 Views

I have a wordpress site and am using the plugin ‘Yet Another Social Plugin’ to add social buttons at the end of each post. The problem is on my mobile site which I have customized with WP-Mobile is showing these buttons. I am able to remove all of them except the G+ button. I am able to get it removed using visibility: none; when I do a live edit inside of Chrome developer console but when I apply that in the css it is ignored and I am not even seeing it when I view that tag/class. Is there some trick or something weird about the +1 button that I am missing?

You can view a picture of the issue here, https://dl.dropboxusercontent.com/u/11217802/Screenshot_2013-04-28-00-07-03.png

Read More

and a good ‘test page’ is here,
http://jrummy16.com/test/app-manager-overview/

Our test site is currently jrummy16.com/test. I am just spoofing my User agent to view it on my computer.

Post Views: 4

Related posts

Leave a Reply

1 comment

  1. Edit

    Sorry, I didn’t see that you were talking about your mobile site.

    In this case, add 

    .plusone{
    display: none;
}

    to your CSS – it will hide the entire iframe.

    As your G+ “a” as no ID nor class, edit your css to add

    .socialmedia-buttons a:nth-child(2) {
    display: none;
}

    Consider using display:none; rather than visibility:hidden;, as the visibility property holds the placeholder of your div while display suppress it of the flow.

    Visibility:hidden; =>
    enter image description here

    This should do the trick (tried with Chrome inspector on this page).