You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Navbar on mobile is not working as expected. If you click on some section inside a page say /a/#b which scrolls you down, navbar position goes for a toss. Please take a look at screenshot below
Issue is due to incorrect css. <div class="a"><div class="b"></div></div>
Bug Report
Navbar on mobile is broken because of css issues
Navbar on mobile is not working as expected. If you click on some section inside a page say /a/#b which scrolls you down, navbar position goes for a toss. Please take a look at screenshot below
Issue is due to incorrect css.
<div class="a"><div class="b"></div></div>
.a { width: 280px; min-width: 280px; min-height: 100vh; z-index: 1000; position: absolute; background: rgb(238, 241, 245); transition: transform 0.2s ease 0s, background 0.3s ease 0s; }
.b { position: fixed; top: 0px; left: 0px; display: flex; flex-direction: column; width: 280px; min-width: 280px; height: 100%; max-height: 100vh; }
Issue is fixed if you change position: absolute to position: fixed in class a.
The text was updated successfully, but these errors were encountered: