Change the display of your CSS class menu-footer list items to inline-block like this…
.menu-footer ul li
{
display: inline-block;
}
I dropped that into the end of my style.css file but nothing happened.
Hmmm
Wait, I missed a piece. It made the menu display horizontally! Thank you.
Now I will have to try and format it.
Thanks again!
Tom
Do you know how I can get the menu items spaced out more horizontally? I’m having a problem finding the source code. I am using Fire Bug but can’t always figure out where to go.
Sure, just add a margin or padding to the class above…
.menu-footer ul li
{
display: inline-block;
margin-right: 15px;
}
Wow, that’s pretty cool.
Will you take a look at what I am doing and notice that I have these two icons, FB and Linkedin. Those appear to need more spacing or different spacing? They aren’t centering either???
I have to run out for a bit but any more help will be greatly appreciated!!
Find (or create) the css class .nav-facebook and .nav-linkedin and apply padding to each one…
.nav-facebook
{
padding 0px 10px;
}
.nav-linkedin
{
padding: 0px 35px;
}
and as for the vertical alignment…
.menu-footer
{
vertical-align: middle;
}
Get use to using lots of CSS classes to make your theme appear the way you want it. It’s all very very basic so if you need to figure out how to do something just Google it…
Hey, I’ve made some progress but not a whole lot.
I added the padding and it helped spread out the spacing on those two items but how can I get them to move further toward the right of the boxes they seem to be sitting in?
You can see the Nav at the bottom of the site here:
http://www.s-squaredsearch.com/
Thanks again!
Also, in Internet Exploder the Nav titles are showing above the icons??