move nav menu ABOVE cover image
I’m using 5.1.1 in WordPress and latest Buddypress version (Nouveau template). It is currently in a subdomain (sandbox) for now. I’m also using a child theme to make adjustments. I would like to move the navigation on all pages to ABOVE the the cover image/avatar. Or just move the coverimage/avatar to below the navigation. Is this an easy adjustment?
forgot the link – https://testing.leveledproduction.com/
Side note – Buddypress is impressive.
You should be able to do that by overloading plugins/buddypress/bp-templates/bp-nouveau/buddypress/members/single/profile.php, you can place your modified copy in themes/child-theme/buddypress/members/single/profile.php.
Thank you. I’m quite a noob and am not PHP savvy. How would I “overload” it?
First of all, I got the filename wrong, it’s home.php you need to edit.
This should be about the easiest bit of php you can get. But you will need to get ftp access to your site then create a buddypress/members/single directory in your themes/childtheme directory. Then take a copy of the source home.php file.
Home.php creates the basic content for the profile page and if you open it up you will see a section as follows:
<?php if ( ! bp_nouveau_is_object_nav_in_sidebar() ) : ?> <?php bp_get_template_part( 'members/single/parts/item-nav' ); ?> <?php endif; ?>
This is what calls the navigation, at the moment it’s the second item being loaded, you want it to be the first, so you just need to move it as follows:
?> <?php if ( ! bp_nouveau_is_object_nav_in_sidebar() ) : ?> <?php bp_get_template_part( 'members/single/parts/item-nav' ); ?> <?php endif; ?> <?php bp_nouveau_member_hook( 'before', 'home_content' ); ?> <div id="item-header" role="complementary" data-bp-item-id="<?php echo esc_attr( bp_displayed_user_id() ); ?>" data-bp-item-component="members" class="users-header single-headers"> <?php bp_nouveau_member_header_template_part(); ?> </div><!-- #item-header --> <div class="bp-wrap"> <div id="item-body" class="item-body"> <?php bp_nouveau_member_template_part(); ?> </div><!-- #item-body --> </div><!-- // .bp-wrap --> <?php bp_nouveau_member_hook( 'after', 'home_content' ); ?>
Once you’ve done that use ftp to copy your updated file to themes/child-theme/buddypress/members/single/home.php and test. that should do it.
You rock! This did the trick. I just did it in CPanel. Having to teach myself html, css, and php so I can know what the heck I am doing. Checking out your website. Thanks!
- You must be logged in to reply to this topic.