[Resolved] Mobile Menu Search Box

[Johannes]

Hi,

I’m using search in the menu bar and it works well on desktop and tablet landscape mode. In portrait mode or phone when the menu is open the search box is as big as the menu. How can I make sure the search box is only as big as the nav bar (first line) even if the complete menu is open? Alternatively is there a way to close the mobile menu after pressing the search icon and before the search box is displayed?

Picture with big search box as big as the open menu:

Screenshot with search box as it should be:

Regards,
Johannes

[Tom]

That looks like a bug – we’ll get that fixed ASAP!

For now, try this CSS:

.navigation-search {
    height: 45px;
}

Thank you! 🙂

[Johannes]

Thanks so much, Tom!

This CSS fixed it!

[Tom]

Just a heads up that this is fixed in 2.2 🙂

[Author]

Posts