Changing positioning of header & links to other pages

robyngrona · Member · Aug 26, 2011 at 3:28 pm
Copy link

Add topic to favorites
On my blog I am trying to move the links to the other pages (‘home’, ‘contact’, ‘about’) below the header and cannot figure out how to do that.

I also need help changing the order of the pages.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 26, 2011 at 4:45 pm
Copy link
The navigation is below the header text at this site, http://robyngrona.wordpress.com/ , is that what you are talking about? If so, please explain a little more about what you are wanting with the navigation.

As far as changing the order of the menu items in the navigation, create a custom menu and then you can order them as you desire. After creating and saving your menu, don’t forget to select it from the primary location pulldown in the theme location module at upper left on that page and click save.
robyngrona · Member · Aug 26, 2011 at 5:59 pm
Copy link
I’m sorry, I should have specified, it’s for my site stylebyrobyn.com.
thesacredpath · Member · Aug 26, 2011 at 6:10 pm
Copy link
See what you think of this. Make sure and check this out both while logged in and while logged out to make sure the navigation holds its position. It should, but one never knows.
```
#access {
position: absolute;
top: 235px;
}

#header-image {
margin-bottom: 35px;
}
```
robyngrona · Member · Aug 28, 2011 at 7:15 pm
Copy link
Thank you, it did move it down, but it actually overlapped it into the blog content & title. Any other ideas? I really appreciate your help.
thesacredpath · Member · Aug 28, 2011 at 8:15 pm
Copy link
It might have been the “position: absolute” . Let’s change it to this and then make sure and view your site both while logged in and while logged out to make sure the position holds in both cases.
```
#access {
    position: relative;
    top: 210px;
}
#header-image {
    margin-bottom: 50px;
}
```
robyngrona · Member · Aug 29, 2011 at 12:00 am
Copy link
Yea it worked! Thank you SO much! :)

One last question, is there a way to move it over? Either to the left or center?
thesacredpath · Member · Aug 29, 2011 at 12:24 am
Copy link
Center is difficult to impossible. Well not impossible, but each time you would add or remove or rename something in the menu you would have to go back into the CSS and adjust the positioning. The following will move the menu items to the left.
```
#header {
padding-left: 0;
}
```

No items found.