On desktop/laptop views, the Dark Mode toggle is visible and functioning correctly.
However, on mobile devices, the Dark Mode option is completely hidden, preventing users from switching themes.
This creates an inconsistent user experience and affects accessibility for mobile users.
Steps to Reproduce
Open the website on any mobile device (Android/iOS) or use browser responsive mode.
Navigate to the header/navigation section.
Observe that the Dark Mode toggle is not visible.
Expected Behavior
The Dark Mode toggle should be visible and accessible on all screen sizes, including mobile devices.
Actual Behavior
The toggle is present on desktop but hidden on mobile due to CSS/responsive restrictions.
On desktop/laptop views, the Dark Mode toggle is visible and functioning correctly.
However, on mobile devices, the Dark Mode option is completely hidden, preventing users from switching themes.
This creates an inconsistent user experience and affects accessibility for mobile users.
Steps to Reproduce
Open the website on any mobile device (Android/iOS) or use browser responsive mode.
Navigate to the header/navigation section.
Observe that the Dark Mode toggle is not visible.
Expected Behavior
The Dark Mode toggle should be visible and accessible on all screen sizes, including mobile devices.
Actual Behavior
The toggle is present on desktop but hidden on mobile due to CSS/responsive restrictions.