Align menu with bottom of logo image in header

  • Author
  • #1324623

    Right now my top menu text seems to be vertically centered in the header area, but I’d like to change its vertical location to the bottom (so it aligns with the bottom edge of my logo image and sits closer to the horizontal line below). What would the correct CSS code be for this?

    I’m using the React theme and posted my question in that forum, but was referred here. Thanks!

    The blog I need help with is



    Add this and increase the value:

    #header.logo #navigation {
        margin-top: 5px;

    However, the theme has a responsive layout: drag the browser window to make it narrower and see what will happen on low resolution screens or some mobile devices. I would suggest you position the menu below instead of next to the logo.



The topic ‘Align menu with bottom of logo image in header’ is closed to new replies.