Adjust distance between navigation pages.

[nbenson 0]

I want to position my navigations pages closer together instead of spread out as they are by default. How can I adjust the spacing of the navigation pages? Thanks!

[Rob 547]

Hi, by navigations pages you mean the menu items? Please send a link and describe an example. Thanks.

[nbenson 0]

yes, the menu items natebenson.com/syracuseshows

[nbenson 0]

I want to adjust the distance/padding between the menu items.

[Rob 547]

That's a function of CSS. Are you familiar with styling?

[nbenson 0]

enough to get in trouble, not find a solution.

[Rob 547]

May I suggest you take a look at http://www.cssplay.co.uk/menus/ and view the source code for any menu that you like. It will give you very specific ideas about how you'd like to style the menu, including the width.

[nbenson 0]

Sure. I guess I'll hit up google again.

[Rob 547]

There are many excellent sites. The prob for any forum moderator is that we won't know the specifics of the menu you wish to have. We can certainly help you tweak it once you find the model menu you wish and apply the code.

[nbenson 0]

I suppose I wasn't clear. The menue I have is fine. I just want the elements closer together.

[Rob 547]

The spacing of the elements is a function of styling. There's horizontal padding in menus. To adjust it you need to know the styling element that applies the spacing, but also you need to look at options. This is why I was sending you to those sites. They're also very educational in teaching how CSS applies to menus, what you can do with it and how to apply it.

[nbenson 0]

I think we're splitting hairs here. I have the styling I want. I have the custom code already modifying the menu. I just want the elements closer. Wither its padding or spacing - whatever you want to call it. I'm all for education, and learning css. But I'm looking for specifics. I respect the fact that you're looking for me to learn coding, I get that. But folks come here based on the fantastic support from the Pagelines crew. 9 times out of 10 its a simple line, or a few lines of code that the development team are able to provide. Again, I get you want me to figure it out. But I normally don't post here unless I do a thorough search online. And the information I have found regarding this are long lessons on coding that I'm simply not interested in. I know this will end up being a few lines of custom CSS to adjust, and I was simply looking for the starting point. I appreciate your assistance though. Feel free to close the thread.

[Jenny 33]

.main_nav ul li {
	    padding: 0 5px 0 0;
	}

will add 5px padding to the right of each menu item. You can adjust the amount or even change the others as well. The order of the numbers is top, right, bottom, left padding. Hope that helps!