mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-25 20:46:48 +00:00
This line-wrap makes the icons-menu overlap the OC selector. The menu's background is transparent, what makes it look even more broken. The fix involves refactoring the `.top-bar-section` into using flexbox instead of this highly coupled CSS and floats. With flexbox it becomes as easy as telling the browser to space the three sections evenly filling-up the window, while scaling down the logo if there's not enough room. The root cause is that every instance uses a custom logo, which wasn't the one we used while designing and implementing. This is why using fixed-sizes in pixels won't work.