Header needs to be moved up

  • https://www.immortalteachers.com

    I’ve been busting my brain trying to move the header up closer to the menu buttons. How can I stretch the header – without it losing its originality.

    Please for anyone who is going to help, can you please give me a beginner walk through how to make the edification.

    Any help will be appreciated.

    Thanks..

Viewing 5 replies - 1 through 5 (of 5 total)

  • Try changing the margin value in the css :

    `#logo_image {
    border: 1px none #000000;
    display: inline;
    float: right;
    margin: 6px 3px 0 30px;
    }
    ‘
    margin: 6px 3px 0 0px;

    then keep changing till the header is where you want it..
    not tested

    I think it is that you have too much padding and that last menu item is forced on 2nd line in style.css line 217

    .menu li {
    border-left: 1px solid #222222;
    float: left;
    height: 55px;
    padding: 0 18px;
    position: relative;
    z-index: 100;

    change 18px to 14px

    The main problem looks like it’s in the div header-menu-wrapper clearfix, specifically:

    #pngfix-left {
    background: url("img/menu_left.png") no-repeat scroll left top transparent;
    display: block;
    float: right;
    height: 60px;
    width: 10px;
}

    Change float: right;to float: left and re-arrange the code in header-menu-wrapper clearfix . Pastebin the CSS code and members, including myself, may be able to help.

    – Greg

    Thread Starter [email protected]

    (@ryuda0423aolcom)

    Thanks it worked. Present look

    I have one more request – this site has a black box over where the calendar is https://www.mono-lab.net/demo3/
    Does anyone know how i can get this black box where I can put text in above the calendar.

    Thank you.

    Thread Starter [email protected]

    (@ryuda0423aolcom)

    Sorry, here is what my site look like – https://www.immortalteachers.com

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Header needs to be moved up’ is closed to new replies.