Move Bones menu to right of site logo


I'm building a site right now for a client, and I'm using the bones wordpress theme as a framework for the design. I wanted to move the navigation menu at the top and it was giving me some grief, but I figured it out.

If you'd like to move the .nav div from below your site's logo to beside it, you need to change that div from being display:block to display:inline-block. The difficulty is that you can't just add this to your _base.scss file, because that element is being selected in normalize.scss as well as part of a big pile of elements that are all getting display:block applied to them.

Go into normalize.scss and move the .nav element from the "HTML5 Display Definitions" section for block elements down to the display-block elements section, and this should move your menu for you.

Best of luck,