Navigation elements let you add a logo + links header to landing pages and campaigns without stacking columns and rows by hand. One element combines your logo, menu links, optional custom content (like a button), and mobile-friendly styling — with website-level menus you can reuse across funnels.
What you can do with it
Show your website logo (light / dark from website settings, or a custom upload / image URL on the element)
Select a reusable Website Navigation so editing links once updates every campaign that uses it
Add Custom Content inside the nav (for example a CTA button next to the links)
Control logo size (width/height), logo link, layout alignment, spacing, background, sticky nav, and link typography
Collapse links behind a hamburger on mobile when enabled
Create a reusable website navigation (recommended)
Website navigations live under Settings → Navigations so the same menu can power many pages and campaigns.
Open your website in ConvertFlow
In the left sidebar under Settings, open Navigations
Click Add + and name the navigation (for example “Main navigation”)
Add links — each has link text, a URL (relative like
/pricingor a full URL), and Edit / RemoveDrag the handle next to a link to reorder it for every navigation element that uses this menu
Changes to these links update automatically in every navigation element that selects this menu.
Add a Navigation element in the builder
Open a campaign or landing page in the funnel builder
Add a Navigation element from the element picker
With the element selected, open the Content tab in the panel
Under Logo, optionally set a custom image URL or upload; set Size Control (Width or Height), logo size, and Logo Link. You can also upload light/dark logos in website settings
Under Website Navigation, choose a menu (for example “Main navigation”) — or use Manage navigations in website settings to create/edit menus
Turn on Custom Content and add elements (such as a button) into the nav when you want more than links
Open the Design tab for layout (nav layout / horizontal align), gaps, vertical padding, background, sticky navigation, and typography
New navigation elements default to width control with a logo width of 150px, and select your website navigation when one is available.
Logo behavior
The Navigation element follows the same logo fallback pattern as the Logo element: element custom upload / URL when set, otherwise website light / dark logos from website settings. Live campaigns can swap light/dark sources as needed. Use Size Control (Width or Height) with separate desktop and mobile sizing when configured.
Styling (theme vs element)
Theme → Navigation sets defaults for the variant (background, link spacing/typography, hamburger and mobile menu styles).
Element → Design overrides for one nav: layout and alignment, logo/links gap, links gap, vertical padding, transparent background, background color, sticky navigation, and typography.
Use reset to theme when you want the element to inherit theme values again.
Mobile and hamburger
On small screens, the menu can collapse behind a hamburger button. In live campaigns and in the builder’s mobile preview, the menu starts collapsed when hamburger is enabled; tapping expands it. Theme and element settings control hamburger color, mobile menu background, and mobile spacing / type / logo size.
When to use Navigation vs columns
Prefer the Navigation element when you need a consistent header (logo + links ± button). Nested columns still work for one-offs, but website navigations solve “change one link in twenty campaigns.”