I am wondering if might lend your expertise once again.
I am trying to modify the header on our site www.magva.com (latest version of Framework and WP). It is a brandnav section and the aesthetic that is on the site at the moment is pretty close to what I want. However I am sure there is a better way to achieve it.
It was necessary for me to create the logo having the full width of the page i.e. 1040px * 90px. - Is it possible to center it some how and have the logo as simple 340px * 90px (its original size)?
The larger width of the logo caused the nav element to wrap onto the next line - which is what I required (the reason of the larger width).
I have used the following CSS code to achieve the look:
My biggest issue with this approach is the padding I had to use. Really I wanted the buttons to spread out over the page and be centered. Now when you look at some of the drop downs, the text is wrapping which I'd like to avoid. Also causes problems on mobiles.
I'm not adverse to using an alternative nav bar if I can achieve the aesthetic.