Navigation Menus In The Patient Copilot Funnel Builder

Navigation Menus in the Patient Copilot Funnel Builder allow you to create structured, responsive menus for websites and funnels. You can add links, dropdowns, nested items, and customize layout behavior. Recent improvements include a new wrap option for menu items and enhanced submenu styling for smoother user experience across desktop and mobile. * * * ## What Is a Navigation Menu? A Navigation Menu is an interactive element that allows visitors to move between pages or sections within your funnel or website. It supports: - Responsive behavior for mobile Navigation menus are commonly placed in headers and footers. * * * 1. Open your Funnel or Website in the Builder. 4. Drag the element into your desired section. 5. Click the element to configure its settings. * * * Within the Navigation Menu settings panel, you can: - Add dropdown (child) items - Reorder menu items 2. Click Add Sub Item under that item. 3. Configure the child link. 4. Repeat for additional nested items. * * * ## Wrap Option (New Enhancement) A new Wrap option is now available for Navigation Menu elements. When enabled, the Wrap option allows menu items to automatically move to the next line if there isn’t enough horizontal space. This prevents layout breaking and improves responsiveness across different screen sizes. ### Why It Matters - Improves responsiveness on smaller screens - Maintains clean header alignment - Reduces layout distortion This is especially useful for: - Tablet and mid-sized screens * * * Submenu behavior has been enhanced for improved visual consistency and usability. - More stable dropdown rendering - Improved spacing and alignment - More consistent submenu styling across devices These updates eliminate visual inconsistencies and improve interaction flow. * * * ## Mobile Behavior Navigation Menus automatically adapt to mobile view. Depending on your configuration, menus may collapse into a hamburger-style layout. Recent improvements also ensure: - Better touch responsiveness - Improved dropdown interaction on mobile - More consistent animation transitions * * * ## Styling Options - Menu alignment (left, center, right) - Dropdown appearance Use the Style tab in the element settings panel to configure these options. * * * Navigation Menu items can be configured to scroll to specific sections on the page. With recent updates, scroll behavior now uses smooth scrolling instead of abrupt jumps. This creates a more natural transition when navigating within a page. * * * ## Best Practices - Use dropdowns to organize complex navigation - Enable Wrap when using multiple menu items - Test mobile view before publishing - Avoid excessive nested submenu levels * * * ## Frequently Asked Questions Q: What does the Wrap option do? The Wrap option allows navigation items to move onto a new line if they exceed the available width, preventing layout overflow. Q: Do submenu improvements require any settings change? No. Styling and behavior improvements apply automatically. Q: Is smooth scrolling enabled by default? Yes. Scroll-to-element actions now use smooth scrolling automatically. Q: Does this affect published funnels or websites? Existing menus benefit from styling and smooth scroll improvements automatically. The Wrap option must be manually enabled if desired. Q: Does this change manual styling settings? No. Existing style configurations remain intact. * * * ## Related Articles - Using Scroll-to-Element in Funnels