Slight Repositioning of Digg Digg buttons at smaller browser sizes

[Chris Moore]

Hello there StudioPress community! 🙂

I need some help on a small CSS issue I'm facing with the Digg Digg share buttons.

At the bottom of this post, you will see the Digg Digg share buttons. I have already applied one line of CSS to fix the spacing between the buttons, but I would also like to fix how they look at smaller browser sizes (and on mobile devices).

If you shrink your browser way down, you will see that the "Pocket" and "Buffer" buttons hover over to the right, even though they are set to float: left;

I would like them both to be flush left, just like the Twitter button above them (at that smaller browser size only though, which would need a @media query of course, unless you have a more creative fix!).

Here are two classes that might help...

.pocket-btn 
.buffer-button

Thanks!

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

http://reflectonthis.com/life-living/new-years-resolutions-a-waste-of-time/

[Chris Moore]

I should add that this only happens in Chrome, and not in Firefox, Safari, and Opera.

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Chris Moore]

Let me restate that: This only happens on the desktop browser in Chrome, but not in Firefox, Safari, and Opera.

As for mobile devices, I have seen this problem only on the iPhone while in portrait mode (landscape is fine).

So basically, it's just Chrome on the desktop and the iPhone while in portrait mode. 🙂

Any help would be much appreciated!

---

Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com

[Author]

Posts