Change vertical alignment of header menu

chloe_choppen · October 2016

Hi,

How do I align my menu to the bottom of the page?

I am using the Creative Header: Always Open, and would like the menu items to sit at the bottom of the header bar (at the moment the default is to sit at the top).

The URL is www.wearejournal.com

Is this possible?

Thanks for your help

Albert · October 2016

Hi,

not sure if we are thinking about the same but the only solution we found to do this is the following css:

#Header_creative #Top_bar .menu_wrapper {
    bottom: 0 !important;
    position: fixed !important;
}

chloe_choppen · October 2016

Yes! That's perfect

thank you!

Albert · October 2016

You are welcome

chloe_choppen · October 2016

Hi again,

Having a slight issue with this css code as the menu now doesn't show up on mobile screens.

Is there a media query code I can use to fix this? - I'm happy for the menu to appear as normal (ie. sticky burger menu) on mobile/small screens.

Thanks again!

Albert · October 2016

To apply above code for desktop devices only, you need to wrap above css into the following media query:

@media only screen and (min-width: 1240px) {
    /* Please put here above css */
}

Change vertical alignment of header menu

Comments