search

camicroscope / camicroscope.github.io

caMicroscope organization page
BSD 3-Clause "New" or "Revised" License
3 stars 18 forks source link

Navbar Overlap issue on-scroll in Mobile view #9

Closed KshitijDarekar closed 3 years ago

KshitijDarekar commented 3 years ago

Describe the bug

In mobile view, the navbar list gets overlapped by the main content of the page when a user scrolls the page, which is not the expected behavior.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://camicroscope.github.io/ in mobile view
  2. Click on the 'hamburger icon'
  3. Scroll to the bottom of the page.
  4. See the error

Expected behavior

The expected behavior is the navbar list should not be overlapped and the main content should hide behind the navbar list on scrolling.

Screenrecording/Screenshots

https://user-images.githubusercontent.com/63798770/117461543-50fc3700-af6b-11eb-8364-dac80edd4a1c.mp4

screenshot3

screenshot2

screenshot1

Smartphone :

Additional Context :

Background color should be given to the navbar and some CSS has to be changed.

KshitijDarekar commented 3 years ago

@birm I am working on it.