Transparent Container in Member Activity on Mobile

When you are looking at the member’s activity on mobile, the outer container if white to match the menus on the desktop version. On mobile, the white container background looks better transparent with this CSS:

/**BuddyPress Activity Containers */
.buddypress-wrap .item-body {
  background: transparent;
  border: transparent;
}

And for not using BuddyX vertical tabs:

.buddypress-wrap:not(.bp-vertical-navs) .item-body {
  background: transparent;
	border: transparent;
}

and for desktop

@media screen and (min-width: 46.8em) {
.bp-single-vert-nav .bp-wrap:not(.bp-fullwidth-wrap) {
	background: transparent;
	}}

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *