Change Nav Menu and Footer heights

Community Forums Forums Design Tips and Tricks Change Nav Menu and Footer heights

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  eskim 1 year, 12 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1171

    eskim
    Participant

    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!

    #1176

    sahdow
    Participant
    Post count: 4

    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.

    #1181

    eskim
    Participant

    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?

    #1184

    sahdow
    Participant
    Post count: 4

    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)

    #1200

    eskim
    Participant

    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?

    #1377

    eskim
    Participant

    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!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.