WordPress.org

Ready to get started?Download WordPress

Forums

Social Author Bio
[resolved] Width of bio box not friendly for mobile (4 posts)

  1. cphanson
    Member
    Posted 1 year ago #

    Width settings for bio box CSS not friendly for pages displayed on mobile device. It shrinks the width of the rest of the page to enforce the fixed pixel width. I changed width in these two classes to 100% and it works much better:

    #author-bio-box
    .bio-socials

    http://wordpress.org/extend/plugins/social-autho-bio/

  2. cphanson
    Member
    Posted 1 year ago #

    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;

  3. SooBahkDo
    Member
    Posted 1 year ago #

    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.
    http://festival.soobahkdo.org/

    These two tweaks would make your great plugin even better.

    Thanks for considering them!

  4. Nick Powers
    Member
    Plugin Author

    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic