Business Feature Theme - Menu Bar Resizing

I can't find answer to this - if it's out there please point in right direction.

I'm using Business Feature on a Buddy Press site.

The menu bar (at least that's what I guess it's called - links to Activity, Members, Groups is much higher than I'd like.

Can you tell me where I can customise the size and also how I get other pages to show on the bar
.
If you're feeling really adventurous can you tell me how yo get a different colour background to the current page in the menu like at WPPlugins.

Thanks

  • Tammie

    Erm yes that's how to add custom menus but I think Wizzer you were after how to edit the non custom menu yes?

    If so that's your BuddyPress menu and is not editable unless you go into code. I think you want to customising it though not moving it which is easy enough using firebug.

    Firebug is a great tool to find and style things in browser then add into your child css.

    http://buddydress.com/2010/06/firebug-installing-discovering-and-using-the-tutorial/

  • Timothy Bowers

    Looking at the theme structure it supports child themes which can be added to /business-feature/themes/

    Some of the changes you asked about would require CSS edits (create a child theme or direct edits depending on your desire for ease of use with future upgrades), there is no click and build way to achieve it. Although the admin area does offer a certain level of change with regards to colour styling.

  • wizzer

    Thanks guys.

    Unfortunately although I've now added the Firebug extension all this coding is beyond me.

    Can you just tell me whether the nav bar should be showing up twice in the Business Feature theme. Is that because I'm using Buddy Press & it's trying to create 2 menus? Can I merge onto one nav image? If so what file do I need to change.

    Here's my page so you can see what I mean:

    http://www.screencast.com/users/wizzer/folders/Jing/media/fe744e16-9c4b-4fcb-b6a3-3885dfef636c

  • wizzer

    Hey Tim

    I did some more digging and found some info in other threads.

    What is happening is the theme is creating two nav bars because Buddy Press is installed. The bottom one is for Buddy Press and the top for any "normal" menu created. At the time I didn't have a menu created so it stayed blank.

    Disabling Buddy Press removes both nav bars permanently.

    Renaming buddypress-navigation to ..._old removes the Buddy Press bar BUT also the standard nav bar.

    Neither solution is ideal.

    I selected the theme because I particularly like the nav bar

    This seems to be an issue for a number of other people too.

    Tammie, is there any way this can be recoded so only one nav bar shows up with both menus, or only the BuddyPress menu. I could work around that by having pages navigation etc in a sidebar.

    Thanks

  • Tammie

    You can of course merge the menus but this would be a custom edit we can't support as different to each person. You can look at for instance how network does it and see if you can adapt that code however I'd strongly suggest unless you are comfortable with coding you look to get a custom dev job (would only be an hour or so) for this. You can post as a job and I'm sure someone can assist you.

  • Timothy Bowers

    Hey @Wizzer.

    I've made a Sandbox site now, so uploaded the theme and had a quick nosey, so if you are comfortable with editing code then this is how you can do it:

    /wp-content/themes/business-feature/library/components/buddypress/buddypress-navigation.php

    The code will look like this:

    <div class="nav">
    <div class="content-wrap">
    <div class="content-content">
    <ul>
    	<?php wp_nav_menu( array('theme_location' => 'primary', 'menu_class' => 'sf-menu', 'container' => '', )); ?>
    </ul>
    </div>
    </div>
    </div>
    <div class="clear"></div>
    <div class="nav">
    <div class="content-wrap">
    <div class="content-content">
    <ul class="sf-menu">
    		<?php if ( 'activity' != bp_dtheme_page_on_front() && bp_is_active( 'activity' ) ) : ?>
    			<li<?php if ( bp_is_page( BP_ACTIVITY_SLUG ) ) : ?> class="selected"<?php endif; ?>>
    				<a href="<?php echo site_url() ?>/<?php echo BP_ACTIVITY_SLUG ?>/" title="<?php _e( 'Activity', TEMPLATE_DOMAIN ) ?>"><?php _e( 'Activity', TEMPLATE_DOMAIN ) ?></a>
    			</li>
    		<?php endif; ?>
    		<li<?php if ( bp_is_page( BP_MEMBERS_SLUG ) || bp_is_member() ) : ?> class="selected"<?php endif; ?>>
    			<a href="<?php echo site_url() ?>/<?php echo BP_MEMBERS_SLUG ?>/" title="<?php _e( 'Members', TEMPLATE_DOMAIN ) ?>"><?php _e( 'Members', TEMPLATE_DOMAIN ) ?></a>
    		</li>
    		<?php if ( bp_is_active( 'groups' ) ) : ?>
    			<li<?php if ( bp_is_page( BP_GROUPS_SLUG ) || bp_is_group() ) : ?> class="selected"<?php endif; ?>>
    				<a href="<?php echo site_url() ?>/<?php echo BP_GROUPS_SLUG ?>/" title="<?php _e( 'Groups', TEMPLATE_DOMAIN ) ?>"><?php _e( 'Groups', TEMPLATE_DOMAIN ) ?></a>
    			</li>
    			<?php if ( bp_is_active( 'forums' ) && bp_is_active( 'groups' ) && ( function_exists( 'bp_forums_is_installed_correctly' ) && !(int) bp_get_option( 'bp-disable-forum-directory' ) ) && bp_forums_is_installed_correctly() ) : ?>
    				<li<?php if ( bp_is_page( BP_FORUMS_SLUG ) ) : ?> class="selected"<?php endif; ?>>
    					<a href="<?php echo site_url() ?>/<?php echo BP_FORUMS_SLUG ?>/" title="<?php _e( 'Forums', TEMPLATE_DOMAIN ) ?>"><?php _e( 'Forums', TEMPLATE_DOMAIN ) ?></a>
    				</li>
    			<?php endif; ?>
    		<?php endif; ?>
    		<?php if ( bp_is_active( 'blogs' ) && bp_core_is_multisite() ) : ?>
    			<li<?php if ( bp_is_page( BP_BLOGS_SLUG ) ) : ?> class="selected"<?php endif; ?>>
    				<a href="<?php echo site_url() ?>/<?php echo BP_BLOGS_SLUG ?>/" title="<?php _e( 'Blogs', TEMPLATE_DOMAIN ) ?>"><?php _e( 'Blogs', TEMPLATE_DOMAIN ) ?></a>
    			</li>
    		<?php endif; ?>
    		<?php do_action( 'bp_nav_items' ); ?>
    </ul>
    </div>
    </div>
    </div>

    To get rid of the second bar but still have both menus it should look like this:

    <div class="nav">
    <div class="content-wrap">
    <div class="content-content">
    <ul>
    	<?php wp_nav_menu( array('theme_location' => 'primary', 'menu_class' => 'sf-menu', 'container' => '', )); ?>
    </ul>
    <ul class="sf-menu">
    		<?php if ( 'activity' != bp_dtheme_page_on_front() && bp_is_active( 'activity' ) ) : ?>
    			<li<?php if ( bp_is_page( BP_ACTIVITY_SLUG ) ) : ?> class="selected"<?php endif; ?>>
    				<a href="<?php echo site_url() ?>/<?php echo BP_ACTIVITY_SLUG ?>/" title="<?php _e( 'Activity', TEMPLATE_DOMAIN ) ?>"><?php _e( 'Activity', TEMPLATE_DOMAIN ) ?></a>
    			</li>
    		<?php endif; ?>
    		<li<?php if ( bp_is_page( BP_MEMBERS_SLUG ) || bp_is_member() ) : ?> class="selected"<?php endif; ?>>
    			<a href="<?php echo site_url() ?>/<?php echo BP_MEMBERS_SLUG ?>/" title="<?php _e( 'Members', TEMPLATE_DOMAIN ) ?>"><?php _e( 'Members', TEMPLATE_DOMAIN ) ?></a>
    		</li>
    		<?php if ( bp_is_active( 'groups' ) ) : ?>
    			<li<?php if ( bp_is_page( BP_GROUPS_SLUG ) || bp_is_group() ) : ?> class="selected"<?php endif; ?>>
    				<a href="<?php echo site_url() ?>/<?php echo BP_GROUPS_SLUG ?>/" title="<?php _e( 'Groups', TEMPLATE_DOMAIN ) ?>"><?php _e( 'Groups', TEMPLATE_DOMAIN ) ?></a>
    			</li>
    			<?php if ( bp_is_active( 'forums' ) && bp_is_active( 'groups' ) && ( function_exists( 'bp_forums_is_installed_correctly' ) && !(int) bp_get_option( 'bp-disable-forum-directory' ) ) && bp_forums_is_installed_correctly() ) : ?>
    				<li<?php if ( bp_is_page( BP_FORUMS_SLUG ) ) : ?> class="selected"<?php endif; ?>>
    					<a href="<?php echo site_url() ?>/<?php echo BP_FORUMS_SLUG ?>/" title="<?php _e( 'Forums', TEMPLATE_DOMAIN ) ?>"><?php _e( 'Forums', TEMPLATE_DOMAIN ) ?></a>
    				</li>
    			<?php endif; ?>
    		<?php endif; ?>
    		<?php if ( bp_is_active( 'blogs' ) && bp_core_is_multisite() ) : ?>
    			<li<?php if ( bp_is_page( BP_BLOGS_SLUG ) ) : ?> class="selected"<?php endif; ?>>
    				<a href="<?php echo site_url() ?>/<?php echo BP_BLOGS_SLUG ?>/" title="<?php _e( 'Blogs', TEMPLATE_DOMAIN ) ?>"><?php _e( 'Blogs', TEMPLATE_DOMAIN ) ?></a>
    			</li>
    		<?php endif; ?>
    		<?php do_action( 'bp_nav_items' ); ?>
    </ul>
    </div>
    </div>
    </div>

    I've not thoroughly tested this but it appears to work, you will need to test it extensively yourself though. If you are not sure about the code, then I would suggest you look at hiring someone to make the edit required. :slight_smile:

  • Timothy Bowers

    You are very welcome Mark.

    I guess I am just that type of guy, I've been known to pull over and change a tyre or push someone's car to a garage when they are struggling alone and people just drive on by. That is just the type of guy I am I suppose.

    I needed a sandbox site and you needed help so it made perfect sense for me to bring that mini project forward to help. :wink:

    I apply the same helpful practices within my business model and I find it helps immensely.

    If you ever need dedicated servers or hosting in Europe then maybe we'll chat, but its no obligation, I offer my help because I can, knowledge is power and sharing is harmony. (I realise I'm coming off as a nutter here. lol)

    Anyway, glad I could help! :slight_smile:

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.