Horizontal scrollbar overlapping content on non-webkit browsers
Summary
Some scrollbars that show up on small viewports are overlapping with the content.
Hiding scrollbars on non-webkit browsers can be trivial:
Steps to reproduce
Using a non-webkit browser (e.g. Firefox) with a small viewport:
Nav links will overlap with the list of links during scroll.
Relevant logs and/or screenshots
Activity | Activity | Project | Project |
---|---|---|---|
Possible fixes
- Move the project nav links lower to avoid overlapping with the content.
- Use JavaScript to hide the scrollbar.
I think the first option should be ok for a short-term fix. Long-term fix should use JavaScript to hide scrollbar when needed.