Aligning menu in Minimum to header bottom

Community Forums Forums Design Tips and Tricks Aligning menu in Minimum to header bottom

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Bart van Maanen 1 year, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #20082

    Bart van Maanen
    Participant
    Post count: 26

    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

    #21339

    cehwitham
    Participant
    Post count: 396

    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

    #23300

    Bart van Maanen
    Participant
    Post count: 26

    Thanks, will try this and report back. ;)

    #47044

    Bart van Maanen
    Participant
    Post count: 26

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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.