Radius includes both desktop dropdown navigation and a mobile nested menu. It also uses interactive slider cards and feature popups on the homepage.
Main navigation
Update Home, About, Process, Services, and Contact links in both desktop and mobile navigation. Keep the shared footer navigation synchronized with the header.
Desktop submenus
The example adds submenu entries below About and Process. Replace every placeholder entry with a real destination or remove it. Radius version 1.1 changed the menu container to allow overflow so submenus remain visible; preserve that setting when editing the header.
Mobile nested menu
The mobile menu opens from the labeled menu button and uses nested views with a Back action. Test every submenu entry and confirm that Back returns to the main navigation instead of closing on an empty panel.
Homepage slider
Replace each card image, heading, description, and link. After changing the item count, test previous and next controls at phone and desktop widths. Keep card radius and content spacing consistent.
Feature popups
The Features row uses plus controls to open additional content and provides a Close Alert control. Replace the heading and popup body together. Every open control must lead to unique, relevant content and every popup must close with pointer and keyboard input.
Interaction checklist
No submenu is clipped by its container.
Mobile Back and Close actions are labeled.
Slider controls remain visible at the edges.
Feature popups do not contain duplicate sample text.
Focus returns to a sensible control after closing a popup.
Related: Getting started with Radius and Troubleshooting Radius forms, menus, responsive layout, and accessibility.