Skip to content

Fix Navbar Consistency and Toggle Theme Button Functionality #154

@iammdzaidalam

Description

@iammdzaidalam

Describe the bug

Currently, the header has inconsistencies across pages:

  1. On the Home Page, the toggle theme button overlaps with the last navigation link.
  2. On the About Page, the toggle theme button does not work.
  3. The navbar design/layout looks misaligned, and the page content is not properly taking up the full screen.

To Reproduce

  1. Go to the Home Page → observe the toggle button overlapping the nav link.
  2. Go to the About Page → notice the theme toggle is unresponsive and layout issues are visible.
Image Image

Expected behavior

  • The toggle theme button should be consistently positioned and must not overlap with nav links.
  • The navbar should have a clear structure, ideally with dropdowns for better usability.
  • The About Page should have a working toggle theme button, and its content should properly span the full screen without awkward spacing.
  • Overall, the header should remain consistent across all pages.

Additional context

This issue focuses on improving consistency of the header (navbar + toggle button) across all pages and ensuring the toggle theme functionality works everywhere.

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions