ZtM-Job-Board
ZtM-Job-Board copied to clipboard
fix: header overlap with other content in smaller screens
Issue:
- Header is overlapping with the below content for smaller screens.
Changes:
- Header is changed from
position:fixed
toposition:sticky
. This allows header to have position asfixed
when scrolling andrelative
when it isn't. - Added right margin to logo as the logo and navigation buttons are too close for certain screen widths.
- Refactored the code of dark mode toggle button to use the existing code design language.
- Adjusted spacing for
header
andmain
elements.