Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #4539

    Hi. You have probably been asked this before. I would like to change the format of the header section so that my logo sits at the top of the page and is centred, then the menu is located underneath and takes up the full width of the page (so that I can add more menu sections to my site).

    What is the step by step proces please, including some instruction on how to increase the header height and width between menu sections?

    Many thanks for your great support as always ;-)

    #46721

    Hey,

    1) Adjust the header height (so that logo + menu have enough space) – in style.css adjust the height attribute of #wrapper_head:

    #wrapper_head{
    position: relative;
    z-index: 100;
    overflow: visible;
    height:100px;
    }

    2) Then adjust the logo dimensions in style.css (width + height) and chang the position (left + top value) to center it:

    #top .logo, .logo a{
    display:block;
    height:85px;
    width:165px;
    position:absolute;
    left:40px;
    top:20px;
    border: none;
    padding: 0;
    margin:0;
    }

    3) At least push the menu down by adjusting the top value of following code:

    #top .nav{
    height:50px;
    line-height:30px;
    padding-left:13px;
    right:40px;
    position:absolute;
    z-index:100;
    top:45px;
    }

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

The topic ‘HEADER & MENU SECTION RE-FORMAT POSSIBILITIES?’ is closed to new replies.