Title: Hover Issue
Last modified: June 26, 2018

---

# Hover Issue

 *  Resolved [Clayton Chase](https://wordpress.org/support/users/claytonchase/)
 * (@claytonchase)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/hover-issue/)
 * Hey guys,
 * I am wondering if I have something configured wrong. On hover, the name of the
   social network breaks to the next line. Not sure what the best solution is here.
 * Gif of the hover issue -> [https://gyazo.com/bd72484c6aaa6330540983d3e6301e65](https://gyazo.com/bd72484c6aaa6330540983d3e6301e65)
   
   Site link -> [http://dogsnatu.staging.wpengine.com/dog/nutrition/raw/](http://dogsnatu.staging.wpengine.com/dog/nutrition/raw/)
 * Thanks,
    Clayton

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Bill Erickson](https://wordpress.org/support/users/billerickson/)
 * (@billerickson)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/hover-issue/#post-10449184)
 * Thanks for the message.
 * That particular style of button works best in larger areas. You could add the
   following CSS to your theme (or in Appearance > Customize > Additional CSS) to
   decrease the width of the label, but then “Facebook” will get cut off:
 * `.shared-counts-wrap.style-fancy .shared-counts-button:hover .shared-counts-label{
   width: 40px; }`
 * I recommend using one of the other styles in that area.
 *  Thread Starter [Clayton Chase](https://wordpress.org/support/users/claytonchase/)
 * (@claytonchase)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/hover-issue/#post-10449476)
 * Thanks for pointing me in the right direction Bill.
 * So for anyone else out there trying to mimic Social Warfare look (that’s what
   my client was after) this is the CSS I added to fix the issue I was having.
 *     ```
       .shared-counts-wrap.style-fancy .shared-counts-button:hover {
       	flex-basis: 25% !important;
       }
   
       .shared-counts-wrap.style-fancy .shared-counts-button {
       	-webkit-transition: all .2s ease-in-out;
           -moz-transition: all .2s ease-in-out;
           -ms-transition: all .2s ease-in-out;
           -o-transition: all .2s ease-in-out;
           transition: all .2s ease-in-out;
       }
       ```
   
 *  Plugin Author [Bill Erickson](https://wordpress.org/support/users/billerickson/)
 * (@billerickson)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/hover-issue/#post-10449545)
 * Thanks! I just [created an issue](https://github.com/jaredatch/Shared-Counts/issues/58)
   for this on GitHub so we can do some more testing, and maybe push that change
   out with the next update.
 * I don’t use that style often so I’m not familiar with its constraints. If changing
   flex-basis to 25% works well here, it might be better than the 10% we’re using
   now in core.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Hover Issue’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/shared-counts_7188b5.svg)
 * [Shared Counts - Social Media Share Buttons](https://wordpress.org/plugins/shared-counts/)
 * [Support Threads](https://wordpress.org/support/plugin/shared-counts/)
 * [Active Topics](https://wordpress.org/support/plugin/shared-counts/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/shared-counts/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/shared-counts/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Bill Erickson](https://wordpress.org/support/users/billerickson/)
 * Last activity: [7 years, 11 months ago](https://wordpress.org/support/topic/hover-issue/#post-10449545)
 * Status: resolved