I’m afraid my last submission may have gotten “eaten,” so I apologize if this ends up a double post, and I’ll delete it if so.
I’m finishing up my client’s punch list for http://2989eastlake.com/. There are two sets of requests, modifications to the header. If you’d prefer I split these into two topics, I understand and will do so!
1: Aligning site logo / menu items to edge of browser window
At present, the responsive design has the header appearing with the expected white space to the left and to the right, with a controlled header size, as shown here:
The client would like the logo to flush left and the menu/hamburger to flush right, as shown here:
I played with some custom CSS around absolute positioning and clearing, but I wasn’t able to make it work.
2: Styling the Menu
Because this is modifying the right-most element, I think this is connected. The client would also like the word “MENU” (which, thankfully, I figured out how to add, but can’t style) and the hamburger to be larger and to use the webfont we’re using throughout, as shown here:
And finally, if possible, the client would like the menu to flush right (right aligned or not; either is fine) to the right, as shown here:
Again, I hope this doesn’t double-post, and thanks so much for your help! I absolutely adore this theme; it’s been very easy to work with and I’m deeply appreciative of your excellent support system.