Mobile Responsiveness
Over 60% of real estate site traffic comes from mobile devices. Your site is designed to work well on every screen size.
Responsive design
Every page adapts automatically to the visitor screen size:
- Desktop (1280px+) — Full layout with sidebar, multi-column grids, expanded navigation
- Tablet (768-1279px) — Adjusted grid with fewer columns, collapsible sidebar
- Mobile (under 768px) — Single column, hamburger menu, touch-optimized buttons
Mobile-specific features
- Touch-friendly buttons — All interactive elements are sized for finger taps (minimum 44x44 pixels)
- Swipeable galleries — Project image galleries support swipe gestures
- Sticky navigation — The header stays visible as visitors scroll
- Bottom action bar — Key actions (contact, save, compare) are accessible at the bottom of the screen
Mobile map experience
The map view on mobile uses:
- Full-screen map with a slide-up panel for project details
- Simplified clustering for smaller screens
- Touch-optimized zoom and pan controls
Always test important changes on a real phone, not just a desktop browser resized to a small window. Mobile browsers handle fonts, images, and touch events differently than desktop browsers.
Testing mobile experience
- Open your site on your phone
- Navigate through the homepage, a project page, and the map
- Submit a test form to ensure touch inputs work
- Check that images load properly and text is readable without zooming
Was this article helpful?
Related Articles
How Does Data Sync Work?
Understanding cron jobs, API data flow, and how your site stays current.
Technical FAQ
What is Red Bricks OS?
An overview of the Red Bricks OS platform, what it does, and who it is built for.
Getting Started
Setting Up Your Site
First login, admin dashboard overview, and initial configuration steps.
Getting Started