Structure theme customize navigation bar

conceptsbyjoe · Member · Sep 21, 2011 at 8:05 pm
Copy link

Add topic to favorites
Hi!

I’m working on my blog: http://conceptsbyjoe.wordpress.com/

I would like to change the distance between the titles of my pages in the navigation bar, or centre them.
To explain myself; i would like to have “home” on the right sight of the page and “contact” on the left.

Thanks in advance!

The blog I need help with is: (visible only to logged in users)
timethief · Member · Sep 21, 2011 at 8:35 pm
Copy link
The Page Attributes module allows you to set page parents and templates, and to change the order of your pages.

Do you have CSS editing experience and have you purchased an annually renewable custom design upgrade? Without the upgrade you cannot change distances between the page tabs.
conceptsbyjoe · Member · Sep 21, 2011 at 8:39 pm
Copy link
I have not to many CSS editing experience, but if I get a code or an explanation I think I know how to get it done. I do have the custom design upgrade, so I am able to change.
timethief · Member · Sep 21, 2011 at 8:41 pm
Copy link
Note that the location of the Home tab cannot be changed as it is supplied by the template underlying the theme and we cannot edit theme or templates. However, if you create a custom menu then you can create a custom Home link, position it where you wish in your custom menu, and choose not to display the Home tab coded into the template.

Also note this article Introduction to Structure.
timethief · Member · Sep 21, 2011 at 8:42 pm
Copy link
@conceptsbyjoe

I do have the custom design upgrade, so I am able to change.

I will flag this thread so our Moderators move it to the CSS Forum for you. :)
designsimply · Member · Sep 22, 2011 at 7:09 pm
Copy link
If you just want to change the order of menu items, you should use a custom menu like timethief suggested: http://en.support.wordpress.com/menus/

Or were you trying to change they way the menu items themselves look in some way? Do you want to change the distance between them or just change the order?
conceptsbyjoe · Member · Sep 23, 2011 at 1:14 pm
Copy link
I would like to change the distance between the menu items, so that I can place them in the full width of my page.
designsimply · Member · Sep 24, 2011 at 5:55 pm
Copy link
Gotcha. Try this to add some padding around the menu items in the Structure theme so there is more distance between each one:
```
.ot-menu {
    width: 100%;
}

.ot-menu li {
    margin-right: 12px;
}
```
Note that if you add more menu items in the future or change the widths of the ones listed there now, you’ll need to adjust the margin-right number accordingly.

No items found.