Need help? Check out our Support site, then


Align menu with bottom of logo image in header

  1. 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.

  2. 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.

  3. Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic