April 15, 2013 at 9:46 pm #35692
Anyone would know how I could setup a menu toolbar above my header? I want to have my social icons there, plus QTranslate language selections. Using the right side of the header actually makes one of the header background disappear.
How can I create a toolbar where I could paste the links and icons links?
AndreApril 15, 2013 at 10:36 pm #35696
You can reposition either of the nav menus and then add whatever you like to them. http://my.studiopress.com/snippets/navigation-menus/
Another option is to consider the mega menu. http://wordpress.org/extend/plugins/jquery-mega-menu/
Add social media icons to nav menu http://www.briangardner.com/social-media-icons/
April 15, 2013 at 11:00 pm #35701
However, using Brian's tutorial and your instructions, all I see is a black bar with text links. And it's under the main navigation. Editing the functions.php file - the code you suggest was already there. Take a look: http://musicmondayca.barefootheart.com/
Did I miss something? I'd like that bar to be all the way at the top of the page. And for me to be able to add items to it as if using a Text widget. Does that make sense?
AndreApril 16, 2013 at 12:08 am #35709
Yes i see. So i guess you want the primary blue nav at the top of the page?
April 16, 2013 at 12:14 am #35710
You can reposition the secondary nav menu (thats why i provided the links) and change the CSS to full width like the primary nav CSS or add a third nav menu and hook it into the top of your site.
remove_action( 'genesis_after_header', 'genesis_do_subnav' ); add_action( 'genesis_before_header', 'genesis_do_subnav' );
Its really quite easy Andre.
April 16, 2013 at 12:34 am #35715
I want the black menu on top of everything, and everything else the same.
I tried everything I'm told, maybe there are some important steps missing in the instructions. Hard to guess what's missing when you've never done this. Easy for some, not for everyone... 🙂 I wish it was easy for me, and I have experience with WP, so something isn't complete in the instructions. Without context, it's hard to guess right every time.
But thanks for trying, much appreciated.
AndreApril 16, 2013 at 2:19 am #35727
Reposition the secondary nav menu using the code i linked to.
Then go into your style sheet and change the CSS for the sub nav so its like the primary nav and extends wull width.
April 16, 2013 at 10:38 am #35765
What I mean is that that code is already in the functions.php file as is.
<code>/** Reposition the secondary navigation */
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_subnav' );</code>
I used Brian's tutorial and did everything he said to do, including inserting the CSS. But the result isn't showing WHERE I want it.
AndreApril 16, 2013 at 1:35 pm #35805
This is part of the default code which is not what you want:
add_action( ‘genesis_before_content_sidebar_wrap’, ‘genesis_do_subnav’ );
Change that hook location.
Or remove that code and try this: http://www.studiopress.com/forums/topic/outreach-theme-menu-bar-above-header/#post-35710
If you look at the hook map you'll see the different hook locations.
You'll then need to make the menu full with using your CSS skills. Use Firebug for this.
April 17, 2013 at 4:37 pm #36018
OK, I think I am starting to get a bit better at this. I am getting the "hook" thing and used a different one to place the secondary menu. I also isolated both primary and secondary in the CSS so they both have different styling.
I've tried the header-right hook, and many other variations, but it always gets rid of my background, and pushes everything down. Is there a way to OVERLAY a hook, or create a box which could contain some links, or call to action? That right side of the header is pretty much wasted...
AndreApril 17, 2013 at 5:01 pm #36021
You could remove the header right widget if you don't need it.
If you hook more than one function using the same hook you will have problems unless you add a 3rd parameter to the function for a priority.
You could use this function, change the hook and position it using CSS. Add HTML or a colored content box. http://www.studiopress.com/design/colored-content-boxes-buttons.htm
I tested this on Outreach locally and it displayed both the header right widget content and the HTMl from the custom code above. Position it using CSS or a different hook.
Where exactly do you want these links or box or call to action?
April 17, 2013 at 5:04 pm #36022
I would like to have them in the space right of the logo...
You must be logged in to reply to this topic.