The site now works properly on phone. Here's what changed.

🍔Hamburger menu

The desktop nav links are hidden on mobile and replaced with a clean hamburger menu. Tap the icon to reveal all four navigation links. Tap again or navigate to close it.

Footer 🦶

The footer was cramped and wrapping awkwardly on small screens. It now stacks vertically and sits cleanly at the bottom of every page.

Resources sticky nav

The three section pills were overflowing off screen on mobile. They now scroll horizontally and automatically snap to show the active pill as you scroll through the page.

PWA support 📲

The site can now be installed to your phone home screen. On Android, Chrome will prompt you to add it after a couple of visits. On iOS, tap Share then "Add to Home Screen". It opens full screen with no browser bar, just like a native app.

Other fixes

• Fixed a white flash when navigating between pages

• Hidden external link icons on mobile — the entire card is already tappable so the icon was redundant on small screens

Now you can enjoy APRNTCSHP on mobile :)

Please share with anyone who's applying for apprenticeships and let me know if you can add to the website in anyway by sharing resources or giving feedback using the “FEEDBACK & SUGGESTIONS“ button in the bottom left corner.

Nishant (^_^)