Align menu with bottom of logo image in header

• 

  kathleenaustinkuhn · Member · Jun 26, 2013 at 7:04 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  justpi · Member · Jun 27, 2013 at 2:03 am

  • Copy link

  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.

• 

  kathleenaustinkuhn · Member · Jun 27, 2013 at 12:49 pm

  • Copy link

  Thanks!