Aligning menu in Minimum to header bottom

[Bart van Maanen]

On a clients' site the Minimum theme is used. I removed the page-title section and would now like to have the custom menu widget aligning with the logo at the bottom of the header section. Tried margin-top and an empty widget, but that is disturbing the responsiveness.

Do I have to unregister the widget area and add css? And if so, what css will get it in the header area and keep the theme responsive?

The site is over here: http://wietskevanagtmaal.nl/

Thanks for any help here.

Grtz, Bart

[cehwitham]

Hi Bart,

You'll need to add margin top on line 222 of style.css like below:

#header .widget-area {
float: right;
width: 65%;
margin-top: 156px;
}

This will line the menu up but then you'll need to cancel this out around line 1526 under the media queries for smaller screen sizes. Something like below should do the trick:

#header .widget-area {
margin-top: 0px;
}

---

Twitter: cehwitham Web: cehwitham.com

[Bart van Maanen]

Thanks, will try this and report back. 😉

[Bart van Maanen]

This worked out fine. You have to put the extra css under every media querie, and Bob's your uncle.
Thanks!

[Author]

Posts