search

chaoss / website

(Some of the) Content of http://chaoss.community website.
MIT License
34 stars 83 forks source link

Mis-aligned option in Navbar #754

Closed meetagrawal09 closed 2 years ago

meetagrawal09 commented 2 years ago

The DEI Event Badging option in the Navbar appears mis-aligned It gets fine when we scroll down but again mis-aligns on scrolling up

Browser : Chrome ( Version 106.0.5249.119 (Official Build) (64-bit) ) and Microsoft Edge ( Version 106.0.1370.52 )

image

Can refer the video below -

https://user-images.githubusercontent.com/73902874/197391117-c64704b6-51fe-4b79-a5d3-f6e647f989c1.mp4

Navbar behaves perfectly well in case of Firefox browser

klumb commented 2 years ago

Thanks for letting us know and for providing the browser information.

This is an issue with dynamic page sizing to accommodate different size monitors and mobile devices. If you make the page a little bit larger or a little bit smaller, the spacing changes.

The spacing issue is especially evident here because of the size of your window and the navigation text being 3 words (long). This will be resolved in the website redesign - we won't have multi-word navigation in the new main nav.