Group Banner issue

[Norm]

Hi. I purchased a premium plugin today, namely: http://www.philopress.com/products/buddygroupbanners/ but it is not cooperating with Buddyboss. Please check out http://awestruck.tv/boss/groups/all-things-south-african/
to see what I am talking about. You will see that on a mobile it looks fine but on a desktop the side navigation text is superimposed over the image. Are you able to suggest a fix? Thanks.

[Norm]

I was recommended to try this:

in wp-content/themes/buddyboss/css/buddypress.css

remove this: position: absolute;
from #buddypress div#item-nav {
on ~Line 3201

What do you think?

[Alyssa]

@namrons that won’t work, nor is it the right way to go about it.
Try adding this to your custom.css file:

#buddypress div#item-nav {
width: 21%;
float: left;
clear: both;
}

I’m not sure what other pages this may affect.

[Norm]

Thanks TJ but that did not seem to work, so I temporarily installed the other fix (which I know is not the right way to go about it) but do you have any other ideas?

[Alyssa]

@namrons let’s this again:

#buddypress div#item-nav {
width: 21%;
float: left !important;
clear: both !important;
}