Width of bio box not friendly for mobile

Also suggest you add a 20px bottom margin to #author-bio-box. I found that the box was crowding the next element on the page (This entry was posted in… etc).

#author-bio-box {
float:left;
width:100%;
background: #%bgcolor%;
border: 1px solid #bbb;
box-shadow: 5px 5px 2px #888;
padding: 5px;
margin-bottom:20px;

Hello,

LOVE your plugin!

I concur with cphanson about adding the additional margin as a default part of the code after the bio box. We had to modify it on about 60 sites.

Also, could the code be made responsive?
This would help greatly with mobile appearance AND it would allow the Social Author Bio box to resize automatically when changing themes with different column widths or when changing a page to multiple columns etc.

Example, on this site, the Social Author Bio Box is the only element that will not resize responsively to mobile devices which messes with the way the entire site width behaves on mobile.
https://festival.soobahkdo.org/

These two tweaks would make your great plugin even better.

Thanks for considering them!

I’ve never written a responsive theme so I’m not sure exactly what would go into it. Do you have any links to how to do that? If I can figure it out I’d be happy to include it.