Making CyberCumbria Mobile Friendly.
9 October 2026 • A hidden menu, an awkward first fix and a much better homepage.
The problem
CyberCumbria looked good on an iPad, but the navigation links were missing on an iPhone.
- Our responsive CSS hid navigation below 850 pixels.
- New pages existed, but mobile visitors couldn't easily discover them.
- Testing on different devices revealed what desktop testing had missed.
The first attempt
We tried a mobile dropdown menu. It worked as an idea, but the first version displayed cramped, poorly styled links beside the branding.
More importantly, important content was still hidden behind a small menu button.
Rethinking the homepage
Instead of hiding navigation, we made it part of the homepage.
- Moved the existing CyberCumbria logo beside the main headline.
- Reduced the space visitors needed to scroll.
- Added six prominent navigation cards.
- Put Cumbria Alerts and Security Tools near the top.
- Kept the existing learning courses below.
Testing the result
We checked the redesign on both an iPhone and an iPad. The new layout worked well on both.
Git also flagged trailing whitespace during the commit. The commit succeeded, and we cleaned up the formatting afterwards.
A feature isn't very useful if visitors can't find it. Good website design means testing on real devices and making important content easy to discover.