Thin width - bp-social profile pages

Moving this topic from another thread to make it easier.

( moved from: https://premium.wpmudev.org/forums/topic/remove-compatibility-statement-for-social-theme#post-620836 )

In response to support suggestion, I do not think I added custom css to create this problem, although a plugin or something could be affecting it - have not tested deactivating them yet. Adding a screen shot to show the very few settings I have edited in the theme options, (select 2 column layout) which includes one of the support suggestions that was done a couple years ago I think.

So I went to one of our other buddypress sites, installed the social 1.4.1 and changed only the theme options->buddypress settings to show 2 columns. It appears that the same issue arises where profiles are shrunk to less screen space, yet the other buddypress pages like members directory do take up the full 2 column width.

Is no one else getting this issue?

I have used the suggested css code to fix this with a child theme in the meantime, but I think it is a bug that should be hashed out at some point.

Ultimately I'd like to see the options for percentages with ems instead of pixels being used, as this theme has some features that work okay with tablets and smaller screens, so it would not take too many options to get it in line with phones/ tablets really.

------------
previous discussion below:

Now if I can just figure out why viewing an individual's profile shrinks the main left container (making a lot of white space in right sidebar) - yet the other buddypress pages like groups and such extend full container all the way to the right sidebar..

support suggestion:
I checked the user profile page on your site and found you have defined the following custom CSS code that is causing to hide left sidebar and moving content area to the left leaving blank space to the right.

#custom #member-left {
display: none;
}

If you don't want to display left sidebar on BuddyPress profile page then you can do so by selecting 2-column page layout option from BuddyPress Social Theme Options as displayed in the attached screenshot.

To display user profile page same like groups page

Add following CSS code in the style.css file of your child theme or add it in your site using the following plugin.

body.bp-user #buddypress {
width: 666px;
}

  • djsteve
    • Site Builder, Child of Zeus

    The problem with the theme currently is that it is thinner on member profile pages, like around 425 pixels or so when options are selected for buddypress pages to be 2 columns. It should be 666 pixels.. so that is a kind of bug with the theme..

    I have fixed that problem with my live site by adding some custom css to child theme as suggested...

    I would like to see this theme eventually become based on percentages or ems instead of pixels so that the screen would auto adjust on tablets and cell phones though. Currently the theme stacks mostly with smaller screens.. but the main column goes off canvas, maybe we can make that happen one day.

  • aristath
    • Recruit

    @djsteve I just talked to the theme developers and it seems like this is not going to happen.
    We are no longer adding any more features to this theme as we will soon be releasing a new theme that will be a lot better than all our other themes combined. :slight_smile:

    Cheers,
    Ari.

  • djsteve
    • Site Builder, Child of Zeus

    okay, well can you give me a css workaround for the 480 pixel bug that I am getting on group's document pages, media pages etc..
    like /groups/group-name/documents/
    /groups/group-name/
    /groups/group-name/media

    all have the 480 pixel limitation (even though as stated above that the 2 column settings is selected) - so there is a large gap in the pages..

    I tried adding this to child theme css:
    #buddypress, #content {
    width: 666px;
    }

    but it did not quite work right, firefox property inspector shows that it is ignored the added style on line 21 of child theme css and instead showing the:

    #buddypress, #content {
    width: 480px;
    float: left;
    padding: 10px 20px 10px 10px;
    border-right: 1px solid #EEE;
    }
    #buddypress, #content {
    width: 666px; (strikethrough line on this one)
    }

  • djsteve
    • Site Builder, Child of Zeus

    Thank Ari, that seemed to work!

    I am guessing there may be another way to write the first part of the custom rule instead of using the #buddypress, #content

    as the other fix listed here:https://premium.wpmudev.org/forums/topic/remove-compatibility-statement-for-social-theme#post-621424

    was able to do a similar thing for the profile pages without using !important..

    for now anyhow that is one more bug fixed with this theme and I really appreciate the fix!

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.