Find Answers and Get Support › Forums › Gwangi – PRO Multi-Purpose Membership, Social Network & BuddyPress Community Theme › Popular Features › Member Profile › Adding an anchor to the profile picture page
- This topic has 12 replies, 2 voices, and was last updated 2 years, 8 months ago by Manathan.
-
AuthorPosts
-
René WappiezParticipant@wappiez
- 106 Topics
- 352 Posts
Hi
On mobile, when uploading a profile picture, a user clicks on the edit button, the page reloads and then it seems like nothing has happened.
A person needs to scroll down to upload an image. For some people, this is unclear and frustrating.
Would it be possible to add a simple anchor, so that the person is automatically directed to the place they need to go to?Thx
June 28, 2021 at 15:41 #33007René WappiezParticipant@wappiez- 106 Topics
- 352 Posts
Just checking if you have overlooked this topic?
June 30, 2021 at 14:30 #33137@themodactyl- 0 Topics
- 6288 Posts
Hi René,
Sorry for the late answer. We’re experiencing a much larger number of requests than usual so our wait times are longer than expected. Be sure we’re working hard to get back to you as quickly as we can.
This is standard design with our theme and BuddyPress, I’m afraid.
As this is not breaking the page, changing this is considered customization work. However, if you want, we can create a snippet for you to hide the profile banner when you’re in the profile area. What do you think about that?
Best,
June 30, 2021 at 16:19 #33146René WappiezParticipant@wappiez- 106 Topics
- 352 Posts
Yeah ok, let’s try that. Could I get a snippet for both the Profile Page as well as the Cover Image page?
July 1, 2021 at 10:20 #33166@themodactyl- 0 Topics
- 6288 Posts
Hi René,
Can you please tell me if this snippet solve your issue?
/** * Reduce custom header height in the profile area on mobile and tablet */ @media (max-width: 767px){ .my-account #buddypress #profile-header-content .profile-header__body .rtmedia-activity-container, .my-account #buddypress #profile-header-content div .profile-header__body .item-activity{ display:none; } #buddypress:not(.youzer) div#item-header .profile-header__avatar img.avatar{ max-height:140px; object-fit:cover; } }
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.We’re waiting for your feedback.
Regards,
July 1, 2021 at 12:14 #33176René WappiezParticipant@wappiez- 106 Topics
- 352 Posts
Thx. It didn’t fully work though. A part is now hidden, but not the entire thing, see attached.
July 1, 2021 at 17:36 #33193René WappiezParticipant@wappiez- 106 Topics
- 352 Posts
The complete thing. Background image + Profile image + name, so that Menu is on top. That way you can instantly see the area where one can upload an image.
July 3, 2021 at 10:38 #33236@themodactyl- 0 Topics
- 6288 Posts
Hi René,
To remove the header during the upload of the profile image, simply add the following code snippet to your website:
/** * Remove complete header when changing profile image or custom header background on mobile and tablet */ @media (max-width: 767px){ .my-profile.change-avatar.buddypress #profile-header, .my-profile.change-cover-image.buddypress #profile-header{ display:none; } }
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.Regards,
July 5, 2021 at 10:27 #33248René WappiezParticipant@wappiez- 106 Topics
- 352 Posts
Awesome it worked. Could you do the same for the cover area though?
July 5, 2021 at 10:50 #33255René WappiezParticipant@wappiez- 106 Topics
- 352 Posts
Cool, thx!
July 5, 2021 at 11:06 #33261 -
AuthorPosts
The topic ‘Adding an anchor to the profile picture page’ is closed to new replies.