Hide elements on Group page

[Anonymous]

Hi There,

I am new to the boss theme. I really like the boss theme mobile responsive themes.
However, on the mobile screen I found some elements took too much space. Just trying to figure out how to hide them.

I have attached the screenshots below, really appreciate it if someone could help.

[Alyssa]

@reddqian Welcome to the BuddyBoss community! You will need to add this to the mobile sections of your custom.css file in your child theme (there are a couple of them):

.directory.groups #buddypress .filters .row > div:first-child{display:none;}
.directory.groups #buddypress div.item-list-tabs ul li#group-create-nav{display:none;}
.directory.groups #buddypress div.item-list-tabs ul li{width:50% !important;}
.directory.groups #buddypress div.item-list-tabs ul li a{font-size:12px;}