[Resolved] main menu vertical align

[Radek]

Hi Tom,

what is the best way to align main menu with floating right setting to bottom of inside-header container ?

Thanx Radek

[Tom]

Hmm, it’s possible using absolute positioning, but that can be troublesome when it comes to being responsive.

For example:

@media (min-width: 769px) {
    .main-navigation {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

[Radek]

Sorry, this positioning menu to bottom right of header. I need menu at bottom right of inside-header (respecting container width). Is that possible ?

Thanx Radek

[Radek]

This works perfect:

@media (min-width: 769px) {
.main-navigation {
margin-top: 65px;
}
}

But I don’t know, if this is valid and correct solution.

Radek

[Tom]

Looks good to me 🙂

[Author]

Posts