The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Responsive Navigation in TanStack Start: Hamburger Menu and Desktop Navbar
A header that works on a phone and on a desktop is one of the first things every site needs. In this part of the TanStack Start Basics series, we'll build one with inline links on wide screens, a hamburger menu on small ones, and a few accessibility details that are easy to skip.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Quick one for anyone who tests responsive layouts: do you drag the browser window to random widths and see what breaks, or pick a fixed list of device sizes in dev tools and only check those?
No wrong answer, just curious which one people actually default to. Reply with "drag" or "fixed."
Mobile concept for Madison, a fashion e-commerce store. I wanted the photography to lead, so the interface stays minimal: a serif logo, a quiet navigation bar and plenty of white space.
Full bleed photo with just a serif logo on top is the right call for fashion, the type lets the jewelry do the talking. Does the Best seller strip swipe sideways on mobile?
Burger Zhack is a bold and vibrant Framer template designed for burger restaurants, fast-food brands, smash burger shops, and modern food businesses. Featuring energetic colors, expressive typography, mouthwatering food photography, and playful design elements, Burger Zhack creates an engaging digital experience that makes customers crave more.
Built to capture attention and turn visitors into hungry customers, Burger Zhack combines a distinctive restaurant aesthetic with a clean, user-friendly layout. Showcase your signature burgers, highlight your menu, promote special offers, and introduce your restaurant through a visually engaging website that reflects your brand's personality.
Whether you're launching a new burger joint, building an online presence for a restaurant, or refreshing your food brand, Burger Zhack provides a stylish and flexible foundation to bring your business online.
Key Features
• Bold Restaurant Design – Eye-catching layouts with vibrant colors, playful graphics, and strong typography.
• Appetizing Hero Section – Showcase signature burgers with striking imagery and compelling headlines.
• Menu Showcase – Present burgers, sides, fries, drinks, and featured meals in an engaging layout.
• Conversion-Focused CTAs – Prominent Order Online, Browse Menu, and Grab a Burger buttons.
• Fully Responsive Layout – Optimized for desktop, tablet, and mobile devices.
• Easy Customization – Personalize colors, typography, images, content, and branding directly in Framer.
• Modern UI Elements – Playful badges, colorful feature cards, and distinctive design details.
Perfect For
Burger Restaurants, Smash Burger Shops, Fast-Food Businesses, Food Trucks, Casual Dining Restaurants, Takeaway Businesses, and Food Brands.
Make your restaurant stand out. With Burger Zhack, create a bold online presence that showcases your food, captures attention, and inspires customers to take their next bite.
This feels perfect for a burger spot.