Skip to content

Inline Header Image and Menu

Eric Debelak edited this page Jun 16, 2017 · 2 revisions

If you want your site to use a logo (header image) in the upper left and have the menu be directly to the right, you can do so using the following steps:

  1. Create a menu in Appearance -> Menu

  2. Go to Appearance -> Widgets and add the Custom Menu Widget to Header Right

That's it!

If you want to adjust the sizing of the menu area you can so do in sass-partials/_site-header.sass

Here are the relevant code snippets:

/* ## Widget Area
 *---------------------------------------------

.site-header .widget-area
  float: right
  text-align: right
  width: 800px

Whatever you add to that width, you'll need to subtract from

/* ## Title Area
 *---------------------------------------------

.title-area
  float: left
  padding: 10px 0
  width: 360px