moving the menu to the right a little

[mzimmers]

Hi –

I wonder whether it would be possible to "push" my menu items to the right a little bit.

I tried adding left padding to #suckerfishnav and that increased the width of my menu bar by the amount of the padding.

I tried adding left padding to #suckerfishnav ul, and that didn’t do anything visible.

Any ideas? Thanks.

http://www.scopedin.com[/url:2pny8cof%5D

[imported_Ryan]

You can either specifiy a width for the entire menu, with padding or alternatively you could use position:relative;left:… px to move each menu item.

eg: The following would give an 840px wide menu with 20px of padding between the edges and the menu items:
[code:lbhdsd7n]#suckerfishnav {width:800px;padding:0 20px;}[/code:lbhdsd7n]

And the following would move the menu items 20px to the right:
[code:lbhdsd7n]#suckerfishnav li {position:relative;left:20px;}[/code:lbhdsd7n]

[mzimmers]

Hmm…I added the "position:relative;left:20px;" code to my li, and the results were interesting. Try hovering over the "Home" menu to see what I mean.

http://www.scopedin.com

[imported_Ryan]

Oh yeah, I forgot that would mess up the dropdowns. You either need to position the dropdown menu items (#suckerfishnav li li) back to where they should be, or use the padding approach I mentioned.

[mzimmers]

I did the padding approach, and it worked like a charm. Thanks!

[imported_Ryan]

Good to hear ” title=”Smiley” />

[Author]

Posts