Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

Adding an anchor to the profile picture page

This topic is resolved
Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • René Wappiez
    Participant
    • 106 Topics
    • 352 Posts
    @wappiez

    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

    René Wappiez
    Participant
    • 106 Topics
    • 352 Posts
    @wappiez

    Just checking if you have overlooked this topic?

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6288 Posts
    @themodactyl

    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,

    René Wappiez
    Participant
    • 106 Topics
    • 352 Posts
    @wappiez

    Yeah ok, let’s try that. Could I get a snippet for both the Profile Page as well as the Cover Image page?

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6288 Posts
    @themodactyl

    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,

    René Wappiez
    Participant
    • 106 Topics
    • 352 Posts
    @wappiez

    Thx. It didn’t fully work though. A part is now hidden, but not the entire thing, see attached.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6288 Posts
    @themodactyl

    Indeed René. We thought these pieces of information were useful to show.

    Can you tell me what exactly you would like to hide? 🙂

    Best,

    René Wappiez
    Participant
    • 106 Topics
    • 352 Posts
    @wappiez

    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.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6288 Posts
    @themodactyl

    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,

    René Wappiez
    Participant
    • 106 Topics
    • 352 Posts
    @wappiez

    Awesome it worked. Could you do the same for the cover area though?

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6288 Posts
    @themodactyl

    Yes René, I updated the snippet in my previous answer. 🙂

    Best,

    René Wappiez
    Participant
    • 106 Topics
    • 352 Posts
    @wappiez

    Cool, thx!

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6288 Posts
    @themodactyl

    You’re welcome. 🙂

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Adding an anchor to the profile picture page’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site