---
title: "Can I add navigation to LandingRabbit pages?"
description: "Learn how to add and style navigation bars on LandingRabbit pages to match your brand. Add links, buttons, and dropdowns easily."
url: "https://landingrabbit.com/documentation/navigation-on-landingrabbit-pages"
lang: "en"
---

# Can I add navigation to LandingRabbit pages?

Yes, you can.

![Screenshot of LandingRabbit homepage with a navigation](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/31e6d7ace4c148882cf7f3db8bb1bc3abe27f4a1.webp)

In the page editor at the top, find the **Edit site navigation** bar.

![LandingRabbit's edit site navigation toolbar/button](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/d8ed804102abe5b4b5b9a39824e85e69c9a9af7e--960w.webp)

This opens settings where you can add a logo, links, and CTA buttons to your site navigation.

![LandingRabbit's site navigation editing tools: add a link and add a button](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/208a54fec7884c6de999678117635aeaf0ef5d10--960w.webp)

## Add and organize navigation links

You can add multiple links and buttons to your navigation. Click **\+ Add a link** or **\+ Add a button**. Then, type the link/button text you'd like to show in the navigation.

Click the three dots next to each link to open the link editing popover.

![Screenshot of a website design editor displaying navigation settings and a call-to-action button for teachers.](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/d17e42e4acc68d202c8f84947e5eb8607be18d82--960w.webp)

If you want to group links, click **\+ Add a group** and add links there. Grouped links will automatically form a drop-down menu in the navigation.

![LandingRabbit's site navigation editing tools: add a group of links](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/c069ed88c87a30555c983add3148a15ffbfca96a--960w.webp)

You can drag and drop to change the order of links and buttons.

Buttons can link to a page, open an [uploaded file](https://landingrabbit.com/documentation/downloadable-files-to-landingrabbit-site), or trigger an [embed code](https://landingrabbit.com/documentation/can-i-add-custom-code-to-landingrabbit) (useful if you want to open a popover, for example).

![LandingRabbit's site navigation editing tools: edit CTA button links](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/0f245bda254a2613fa9f06b7bbf853bd9f823c90--960w.webp)

## Change navigation styles

Click the **Edit styles** icon in the page preview to adjust how your navigation looks.

![LandingRabbit's site navigation editing tools: edit the look & feel](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/37280833da6e421c87fe88677e3acdadbf6dc1f0--960w.webp)

You can change:

*   Navigation background colour and buttons colours
    
*   [Font type](https://landingrabbit.com/documentation/use-google-fonts-with-landingrabbit), colours, and sizes
    
*   Position of links and buttons (move them to the middle if you want)
    
*   Height of the navigation for desktop and mobile separately
    
*   Maximum width of the logo (if your logo appears too small or large)

For mobile, you can control whether the drop-down menu takes the full page width or opens as a small menu on the right.

![LandingRabbit's site navigation editing tools: editing styles via AI chat](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/870ff6b1267f430407e15da70bc9e2ffd670bd28--960w.webp)

By default, mobile menu links open on the right.

![A LandingRabbit site navigation and mobile menu example](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/7a122ba6b88f2ebd99ae6d311677f1b3864b0845--480w.webp)

But with the edit styles, you can move them in the middle.

![A LandingRabbit site navigation and mobile menu example with full width](https://d2txn9w4uujjus.cloudfront.net/images/019514e0-fe0a-7a1b-8ec6-a585eaf24e4d/e963bf42071af080f83dd44fedf8502832553dbe--480w.webp)

For desktop, you can adjust the maximum width of the menu (useful if you've changed your content max width from the default 984px to something wider)

The best thing about LandingRabbit's navigation editing tool is that you can start small and go very complex. Without coding or prompting a thing.