Navigation Menu overlaps Header Image

  • Author
    Posts
  • #49815
    flpresspr
    Member

    Hi,

    My navigation menu overlaps the header image. I have the CSS upgrade and have tried a few of the CSS edits given in other threads about similar issues with how the header and menu interact, but none of these options have quite done the trick. I would like the navigation menu to sit completely below the header with no overlap.

    Thank you.

    The blog I need help with is: (visible only to logged in users)

    #49966
    flpresspr
    Member
    Original poster

    Ok, I was able to move the navigation down off the header image with

    #navigation {
    margin-top: 90px;
    }

    but the navigation bar is extremely tall, and I’d like to reduce its height some, to be only a little larger than the text height. However,

    #navigation {
    margin-top: 90px; height: 10px;
    }

    just moves the navigation bar down so it overlaps the featured slider. =\

    #50053

    Hi!

    Try with the following:

    .nav a {
        padding: 15px 20px;
    }

    Let me know if it produces the desired result.

    #50066
    flpresspr
    Member
    Original poster

    Thank you. That works perfectly. We are resolved!

  • The topic ‘Navigation Menu overlaps Header Image’ is closed to new replies.