Hi. I’m dealing with a logo that’s vertical rather than horizontal, and it’s too tall to sit inside the navigation without making the entire nav container oversized. Instead, I’d like the logo to sit on top of the navigation and overlap it, so the nav container itself stays compact. I can achieve this using absolute positioning, but the layout breaks on mobile. Thx for all help
Hi @dragsternj ,
Whatever pathway you decide, you’ll likely need to adjust it for mobile anyway.
But position: absolute; is harder to manage across different screen sizes. Instead, you could try transform: translate(x, y); it usually gives more predictable results while keeping the layout more stable.