How to put custom menu in header
So basically, here’s what I have now
and here’s what I want
I’m using genesis framework, with the latitude child theme.
My main issue with the menu bar is that it goes the whole length of the screen. (see here http://i.imgur.com/gJXR7HE.png )
I wouldn’t mind even if it just started at the “M” of My Site and stopped at the end of the search bar, but ideally I’d like it to be in line with the search bar.
Any ideas on how to do this?
(oh and please excuse my editing skills, .. I don’t care what anyone says, but paint xp for windows 7 + lightshot is one powerful combination! 😉 )
Have you contacted StudioPress regarding this?
Nope, haven’t contacted them, …I think I’m going to need a more “custom fix” ..as I’m not able to do this using any of the built in options.
Just an update, was over on the studiopress forum and was pretty much told that it’s “outside the scope of the forum, as it would require custom code”
That’s a bit silly of them, because you’re not actually adding code. You’re just moving the menu.
I don’t know how that theme operates, but usually this change requires a Child Theme. Does that theme support Child Themes?
Yep I’m using a child theme,
Maybe if you could just show me how to shorten actual length of the menu bar, I could figure out how to move it in front of the search bar?
As for Genesis, it’s a super open, really customizable theme… that’s the only reason I picked it, so I shouldn’t be restricted at all in terms of placement.
How about “widgetizing” the left side of the header, how would I go about doing that?…as the right side with the search bar is already “widgetized” meaning that I can add a menu bar above/below the search, but not to the right of it.
If you want the menu within that blue background, you’ll need to make a PHP change.
You need to find the file that those elements reside in. Copy that to your Child Theme (if it’s not there already) and then modify that.
Move the function(?) that generates the navigation menu into the
<div>that contains the blue background.
Then you can position the navigation through CSS. It should not have a full width once its in there.
- The topic ‘How to put custom menu in header’ is closed to new replies.