If users only see category names in your navigation without context, they might not fully understand what's inside each collection. This can lead to hesitation, unnecessary clicks, or users abandoning the search.
Adding short, descriptive text under each collection name provides clarity on what users will find. For example, instead of just "Men's Shoes," use "Sneakers, boots, and dress shoes for every occasion." This helps users shop with confidence and find the right products faster.
This optimization is ideal if your store shows these signals:
- Navigation drop-down bounce rate above 40% or users clicking multiple category links before finding products
- Heat map data showing cursor hovering over navigation items for 3+ seconds without clicking
- Your store has 4+ main product categories with subcategories that aren't self-explanatory
- Analytics show high traffic to category pages but low add-to-cart rates (below 8-12%)
- You're on Shopify, BigCommerce, or custom platform with editable navigation templates
For Shopify stores, access your navigation through Online Store > Navigation in your admin panel.
- Identify your main navigation menu items that have dropdown submenus with 3+ categories
- In your theme's
header.liquidor navigation template, locate the dropdown menu code (usually withinsite-navclasses) - Add description spans below each category link using this structure:
<a href="/collections/mens-shoes">Men's Shoes</a>
<span class="nav-description">Sneakers, boots, and dress shoes for every occasion</span>
- Style descriptions with CSS:
font-size: 12-13px,color: #666,line-height: 1.3 - Keep descriptions under 8-10 words and ensure they're readable on mobile (minimum 11px font size)
- Test dropdown width adjustments - you may need to increase from default 200px to 280-320px
Timeline: 2-4 hours for implementation and testing across devices.
Track these metrics over 2-4 weeks post-implementation:
- Navigation click-through rate: Expect 15-25% increase in clicks from dropdown to product pages
- Category page bounce rate: Target 8-15% reduction as users land on more relevant pages
- Time spent in navigation: Should decrease by 10-20% as users find categories faster
- Overall conversion rate: Look for 3-8% lift from improved product discovery
- AVOID: Writing descriptions longer than 10 words - they become overwhelming and slow scanning
- BEST PRACTICE: Use benefit-focused language like "for every occasion" or "premium quality"
- AVOID: Making descriptions too similar across categories - each should be distinctly helpful
- BEST PRACTICE: A/B test description styles and content before full rollout
- AVOID: Ignoring mobile optimization - descriptions often break or become unreadable on smaller screens
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: