Find Answers and Get Support › Forums › Gwangi – PRO Multi-Purpose Membership, Social Network & BuddyPress Community Theme › Popular Features › Member Profile › Mobile Formatting Issue
- This topic has 4 replies, 3 voices, and was last updated 4 years, 11 months ago by
Themosaurusrex.
-
AuthorPosts
-
LukeParticipant@luaspo
- 24 Topics
- 79 Posts
Hello
The BuddyPress profile pictures in the mobile browser appear very large, despite changing the layout option in WordPress. Is it possible to make them smaller or change the formatting to the same as the desktop appearance? (see attached).
Regards
June 3, 2020 at 23:03 #13549@themopteryx- 0 Topics
- 615 Posts
Hi @luaspo,
To change this, simply add the following code snippet to your website:
@media screen and (max-width: 768px) { .bp-card-list.bp-card-list--members .bp-card-list__item { max-width: 50%; flex: 0 0 50%; } }
To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
Pasting your code snippet there should do the trick for you.
Keep in mind that this can cause your members list to shrink a lot.
The content of each card will therefore be very tight.Regards,
June 4, 2020 at 09:47 #13560LukeParticipant@luaspo- 24 Topics
- 79 Posts
Just one last question @themopteryx. Is there a way to move names of users to the top of the profile photo, so they don’t appear behind the text? see attached.
June 4, 2020 at 15:54 #13595@themosaurusrex- 0 Topics
- 2048 Posts
June 4, 2020 at 15:56 #13598 -
AuthorPosts
The topic ‘Mobile Formatting Issue’ is closed to new replies.