Move menu down to bottom of header

  • jordann.jn

    (@jordannjn)


    8 years, 11 months ago

    I have used custom css to put a larger background image to the .headerclass and have added padding to the bottom to show the full image like this: 

    .headerclass {
background:url(/wp-content/uploads/2015/05/header1.png);
background-repeat: no-repeat;
padding-bottom:190px;
}

    The header is about 1200×350 which fits good to the background image but I am wondering how I can move the menu links down to the bottom of the header, I have tried using vertical-align: text-bottom; to quite a few classes but can’t seem to get them to move down.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • lorro

    (@lorro)

    8 years, 11 months ago

    Please post a link to your site.

    Thread Starter jordann.jn

    (@jordannjn)

    8 years, 11 months ago

    A good night sleep always helps

    Just to clarify, I am trying to move the menu items down to the bottom of the header where the light grass is.

    I added this to one of the individual menu classes

    .menu-home {
margin-top:190px;
}

    and it seems to do the trick. I think a solution using vertical-align would be better though, anyone know how it can be done?

    Theme Author Ben Ritner – Kadence WP

    (@britner)

    8 years, 11 months ago

    Vertical align would only work in a table-cell display. If you post a link I may be able to help with the css.

    Kadence Themes

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Move menu down to bottom of header’ is closed to new replies.