Change Nav Menu and Footer heights

[eskim]

I'd like to change the height of my website's (www.eskimec.com) Nav Menu and Footer to be the same height as the TopNav (40px).  I tried just adding a 'height' line of code to the two sections which decreases the height to what I want but then the text doesn't adjust to re-center itself.  Additionally, the drop-down menu in the 'About' tab doesn't adjust to the new position either (there's a disconnect between the drop-down menu and the Nav Menu).

I know the height code will work but it looks like I need to make some other adjustments as well.  Any suggestions from experienced WordPress users?  For a non-web developer, that's a lot of code to wade through to try to figure out piece-by-piece.  Thanks!

[sahdow]

Check in other browsers also..

In addition to changing height for #footer and #nav/#menu (depending on theme) you also need to adjust margin and padding top compensate for the change in height.

[eskim]

Thanks for the tip, sahdow.  I've been tweaking the margins and padding for each Footer element to try to get the exact placement I want.

Instead of making manual adjustments based on pixel count, do you know if there's a way to center a particular Footer element - say, top to bottom - within the overall Footer itself?  I'm trying to set it so I won't have to continue making more manual adjustments should I ever feel a need to adjust the overall Footer height again.

Do you know what I mean?

[sahdow]

Not positive on this, as still learning something new everyday....

top right bottom left example: 2px 4px 2px 4px;

top/bottom right/left  example: 2px 4px;

try: auto 20px (where 20 is right /left spacing)

[eskim]

Thanks sahdow, for time's sake I decided to just set the Footer to manual spacing for now.  I'm fine with the way that section looks.

For the Nav Menu, I tweaked the height to 40px and adjusted the padding for the text to make it centered, but I've got a problem with a disconnected drop-down list in the 'About' tab.

Looking at the elements in Firebug, I think the section I need to adjust is called <div class="wrap"> but I don't know which section it corresponds to in Style.css.  There are so many different elements under Nav Menu and SubNav Menu that I don't want to start going crazy with the tweaks.

Looks like an adjustment to the #nav { element changes just the visible graphics.  Does anyone know the elements on the working parts of the Nav Menu that I also need to adjust?

[eskim]

Through much trial & error and some timely suggestions, I figured it out.  TopNav, Nav Menu, and Footer are all the same height and the drop-down menus are nicely structured: http://www.eskimec.com.

Thanks for everyone's help!

[Author]

Posts