Align menu with bottom of logo image in header

  • Author
    Posts
  • #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 michaelryanconsulting.com.

    #1324798

    justpi
    Member

    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.

    #1324807

    Thanks!

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