WordPress.org

Ready to get started?Download WordPress

Forums

WP-Creativix
[resolved] Navigation/menu bar overlapping header (12 posts)

  1. SusanO2607
    Member
    Posted 1 year ago #

    Hi,

    Please help, my menu bar is overlapping my header and I can't seem to find where to move the menu bar down.

    My site is http://iswconsultants.com - not live yet.

    Thank you

    http://wordpress.org/extend/themes/wp-creativix/

  2. potentweb
    Member
    Posted 1 year ago #

    What browser are you using? I don't see anything wrong on chrome.

  3. SusanO2607
    Member
    Posted 1 year ago #

    I am using IE 8 and the second line of black type with the words "in Kwazulu-Natal, South Africa" are overlapped by my menu bar.

    Thanks for your quick response :)

  4. potentweb
    Member
    Posted 1 year ago #

    Is it on the homepage? I'm not seeing it. I don't see ""in Kwazulu-Natal, South Africa""

  5. SusanO2607
    Member
    Posted 1 year ago #

    Ok, I've moved my header graphic to the left and you should be able to see my problem.

    Thanks

  6. potentweb
    Member
    Posted 1 year ago #

    On line 159 in your css, give it a height. Something like the height of the image + height of your menu.

  7. SusanO2607
    Member
    Posted 1 year ago #

    Cool but please bear with me here - rather new at this. You're referring to the style.css or admin.css? Also I don't have line numbers ... is there a trick to switching them on? Am working through the editor in WordPress.

  8. potentweb
    Member
    Posted 1 year ago #

    style.css, There is none in WordPress editor. In your editor look for:

    #header {
    float: left;
    width: 920px;
    vertical-align: top;
    position: relative;
    margin-top: 0px;
    }

    And change it to

    #header {
    float: left;
    width: 920px;
    vertical-align: top;
    position: relative;
    margin-top: 0px;
    height: (whatever height in pixels);
    }
  9. SusanO2607
    Member
    Posted 1 year ago #

    Awesome! Found it in style.php actually. One last thing to get it perfect, how do I center the image?

  10. potentweb
    Member
    Posted 1 year ago #

    Change:

    #header img {
    width: 520px;
    height: auto;
    margin-left: 10px;
    }

    to

    #header img {
    width: 520px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    }
  11. SusanO2607
    Member
    Posted 1 year ago #

    You've made my day!

    Thanks so much. Would never have been able to sort it out by myself.

  12. potentweb
    Member
    Posted 1 year ago #

    LOL. Good luck!

    Brian

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic