CRO Manifesto
Make Categories Clickable for Easy Navigation
guideline #
222
Make Categories Clickable for Easy Navigation
context
If category labels are not clickable, users may get frustrated trying to tap subcategories or navigate backward. This adds unnecessary friction and slows down the shopping experience.
Why?
Ensure all category titles are tappable, leading to either a landing page or an expanded view of subcategories. This improves navigation efficiency, giving users multiple ways to explore products without frustration.
Content
Check if your store needs clickable category navigation improvements:
- Mobile bounce rate exceeds 65% or mobile conversion is 30%+ lower than desktop
- Heat map data shows users repeatedly tapping non-clickable category headers
- Your navigation uses dropdown menus or mega menus with category labels that don't lead anywhere when clicked
- You receive customer support tickets about navigation difficulties or "can't find products"
- Store has 50+ products across multiple categories with mobile traffic representing 60%+ of sessions
Make your category navigation fully clickable across all devices with these steps:
- Shopify Theme Editor: Navigate to Online Store > Themes > Customize. Go to Header section and select your main navigation menu.
- Configure Menu Links: In Navigation settings, ensure each parent category links to its collection page URL (e.g., /collections/womens-apparel) rather than being set to "no link".
- Mobile Touch Targets: Set minimum tap target size to 44px height with 8px padding. Use this CSS:
.mobile-nav-item { min-height: 44px; padding: 8px 16px; } - Visual Indicators: Add subtle arrows or expand icons to show tappable categories. Ensure 3px border-bottom or underline appears on hover/focus states.
- Nested Navigation: For subcategories, implement accordion-style expansion where tapping the parent both navigates AND shows children options for 2-3 seconds.
- Test Implementation: Use browser dev tools to test mobile responsiveness and verify all category links work on touch devices.
Timeline: 2-4 hours for basic implementation, 1 day for custom styling.
Track these metrics to validate your navigation improvements:
- Category Page Views: Expect 15-25% increase in category page traffic within 2 weeks
- Mobile Navigation Clicks: Monitor 20-30% improvement in menu engagement via Google Analytics Events
- Pages Per Session: Look for 10-15% increase, particularly from mobile users
- Mobile Bounce Rate: Target 5-10% reduction in category-related bounce rates within 3-4 weeks
- AVOID: Making category headers purely decorative without click functionality. BEST PRACTICE: Every category name should navigate to its collection page while still allowing submenu access.
- AVOID: Using tiny touch targets below 40px on mobile devices. BEST PRACTICE: Maintain 44px minimum height with adequate spacing between clickable elements.
- AVOID: Implementing hover-only mega menus that break on touch devices. BEST PRACTICE: Use click/tap to open submenus with clear close mechanisms.
- AVOID: Forgetting to test on actual mobile devices after implementation. BEST PRACTICE: Test navigation flow on both iOS and Android devices before going live.
Get A Free Website Audit.
We’ll identify what’s leaking revenue on your site and show you how to fix it. The free audit includes:
Live Website Walkthrough
Technical Analysis
Conversion Checklist
Key Section Redesigns
Industry & ICP Research
Implementation Plan
Work with the #1 Team That gets you predictable results.
Strategy
DESIGN
COPYWRITING
DEVELOPMENT
Free Audit & Redesign
Get a Free Audit
See the difference for yourself. We’ll identify what’s leaking revenue on your site and show you how to fix it.
Free Forever
130+ Optimizations
Section Redesigns
CRO Strategy Call
Talk to Glued
This isn’t a sales call. It’s a hands-on teardown session where we walk through exactly what’s holding your site back and what fixing it would mean for your revenue.
No Sales Pitch
ROI Projections
Free CRO Strategy