Move Main Navigation Menu

Anonymous
June 10, 2012 at 6:50 am #4771

What do you suggest is the best way to move the main navigation menu, while maintaining future upgrades?

Say, for instance, I would like to move it above the header image.

I suppose maybe create an action hook, copy the code from the header.php, use a php widget, and paste it where I would like the menu. Then hide the original via css?

Or would the css hide both menus?

Hmm… I’m stumped. Suggestions?

Admin

Syahir Hakim
June 10, 2012 at 7:03 am #29168

I would say use CSS absolute positioning.
Anonymous
June 10, 2012 at 7:06 am #29169
Well, because you took a whole 13 minutes to respond… I tried it this way:
```
#header-menu-wrap {

margin-top: -275px;

}



#header {

margin-top: 50px;

}
```
Works like a charm.

Thank you SO much for the classes and ids around all the elements! Sure does make customizing a breeze.
jasoncunningham
July 19, 2012 at 4:58 pm #29170

Hey guys. I am trying to move my navi menu from aligned left below the header to aligned right above the header. I’m sure your snippet of code fixes this, but I have NO idea how to implement this.

Your help would be MUCH appreciated 🙂

Mod

Kenneth John Odle
July 19, 2012 at 5:48 pm #29171

http://www.w3schools.com/cssref/pr_class_position.asp may help.

jasoncunningham
July 20, 2012 at 2:42 am #29172

Thanks!