[Resolved] vertical-align logo, cart-symbol and menu-toggle in mobile menu

[Heinrich]

hi team,

wonder how to vertical-align logo, cart-symbol and menu-toggle in mobile menu?

[Leo]

Hi there,

It should be aligned by default. Is this not what you are seeing?
https://www.screencast.com/t/h6AvSqtv

[Heinrich]

Sorry, I wasn’t specific enough. I want to align both other items at the bottom of the logo.

[Tom]

Hi there,

Try this CSS:

#mobile-header .mobile-bar-items a,
#mobile-header .menu-toggle {
    line-height: 50px;
}

#mobile-header .mobile-bar-items,
#mobile-header .menu-toggle {
    align-self: flex-end;
}

#mobile-header .site-logo {
    padding: 20px 0;
}

[Heinrich]

hi tom, working perfectly fine. tks for help.

[Tom]

You’re welcome 🙂

[Author]

Posts