How to put custom menu in header

  • Hi guys,

    So basically, here’s what I have now
    https://i.imgur.com/gdU3CjZ.png

    and here’s what I want
    https://i.imgur.com/al7dWPs.png

    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 https://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?

    Thanks,

    (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! ?? )

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Have you contacted StudioPress regarding this?

    Thread Starter Cyber735

    (@cyber735)

    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.

    thanks,

    Thread Starter Cyber735

    (@cyber735)

    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”

    any takers?

    thanks, ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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?

    Thread Starter Cyber735

    (@cyber735)

    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.

    Thanks,

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter Cyber735

    (@cyber735)

    Alright thanks a million Andrew, I’ll try that ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to put custom menu in header’ is closed to new replies.