# Carrd Navbar Builder Features ## Everything you need for practical Carrd navigation. Earlybyte Navbar is designed for one focused job: making a responsive Carrd navigation bar easier to create, adjust, and maintain. It handles the parts that usually cost time when a Carrd site grows: structure, dropdowns, active states, mobile behavior, styling details, and clean embed export. You configure the navbar visually, preview it on desktop and mobile, save versions when needed, and copy one Carrd Embed snippet when you are ready. ## Navigation structure - Top-level links for the main sections of your Carrd page - Two-level dropdown menus for growing sites - Carrd hash targets for section navigation - External URL links when needed - Ordered menu output so desktop and mobile navigation stay aligned The builder is useful for landing pages, product pages, small business sites, documentation-style Carrd pages, and multi-section one-page websites. For SEO landing pages, that matters because visitors often arrive directly on a section, pricing block, or example page. A clear Carrd navigation menu helps them move through the site without turning the page into a heavier CMS or multipage app. ## Responsive mobile navigation The generated Carrd navigation is built for desktop and mobile. You can preview both modes before copying the final code, so mobile menu behavior is not left to guesswork. Preview your navigation bar for desktop and mobile before export. This is where you catch long labels, cramped spacing, dropdown behavior, and section links before the code reaches your Carrd page. ## Visual styling Adjust the look of the navbar without digging through CSS. Every control lives in one panel, split into an Appearance tab for styling and a Structure tab for the menu itself: - Logo URL and alt text - Font family - Background color - Text and active text colors - Text size - Button fill and active fill - Button border and radius - Hover text and hover fill - Dropdown style Each change updates the live preview instantly, so you can see how the navbar reacts on desktop and mobile before you export. The goal is not an oversized design system — just clean, minimal styling that blends into your Carrd page while giving you enough control to make the navbar feel finished. ## Features you will use often ### Live preview Simulate Carrd section navigation, test active states, open dropdowns, and check mobile behavior before the code reaches your page. ### Clean Carrd Embed code The generated snippet stays focused on the navbar. It does not include preview-only behavior, sessions, billing logic, or app-specific code. ### Saved navbars Save and manage multiple navbars for different sites, clients, or design variations. ### Export access You can configure and preview first. Paid plans unlock code export and higher saved-navbar limits when you are ready to use the navbar on a real Carrd site.