Skip to main content

The menu is the first thing customers use

The menu — also called the navigation or navbar — is the bar at the top of your website with links to your pages. It is what customers use to find their way around, and one of the clearest things separating a considered website from a generic one.
No menu on your website? That is perfectly normal on a first draft, especially if the site only has one page. You do not need a new draft — ask Nettify AI to add a menu and it will appear.

Add a menu

Copy this prompt and paste it into Nettify AI:
Does your site only have one page today? Then the menu can link to the sections on that page instead — “Services”, “About”, “Contact” — and scroll smoothly to the right place. Ask Nettify AI for an anchor menu if that fits better.

Style the menu

The menu usually inherits the colors from the rest of your website, but you can change all of it by asking.
Copy this prompt and paste it into Nettify AI:
The menu sits on top of the image at the top with white text, until you scroll — then it turns white with dark text. Gives a modern, polished impression.Ask for: “Make the menu transparent over the hero section with white text, and have it turn white with dark text when scrolling.”
The menu stays at the top all the way down the page. Handy on long pages, because the “Contact” button is always within reach.Ask for: “Make the menu sticky so it always stays at the top when scrolling.”
Links on either side of the logo. A classic move that suits salons, restaurants and brands with a strong visual identity.Ask for: “Place the logo in the middle of the menu with the links split on either side.”
The menu sits as its own “card” inset from the edges, rather than spanning the full width. Gives a lighter, more designed feel.Ask for: “Make the menu floating with rounded corners, a bit of space from the top and sides, and a soft shadow.”

Change what is in the menu

New pages are added to the menu automatically, but you decide what belongs there and in what order.
Copy this prompt and paste it into Nettify AI:
Removing a page from the menu does not delete the page itself — it is still there, just not visible in the navigation.

The mobile menu

On mobile the menu usually appears as a hamburger menu — the three lines in the corner that open the menu when tapped.
Copy this prompt and paste it into Nettify AI:

The menu looks off on mobile — how to fix it

Sometimes the mobile menu does not turn out quite right: it opens halfway, the links sit outside the screen, or the text gets cut off in the middle. This is quick to fix. Nettify AI can see images, so the most effective approach is to show the problem rather than describe it in detail.
1

Take a screenshot of the problem

Open the website on your phone, open the menu, and take a screenshot while the problem is visible. If several things are wrong, take one image of each.
2

Upload the screenshot in Nettify AI

Attach the image in the chat the same way you would upload any other image.
3

Describe what is wrong in one sentence

You do not need to explain why. Just say what you see: “When I open the menu on mobile, it gets cut off” or “The links in the mobile menu disappear off the edge of the screen”.
4

Let Nettify AI put it right

Nettify AI looks at the screenshot, works out what is wrong, and fixes it. Check the result on your phone afterwards.
An example of a good instruction:“When I open the menu on mobile it gets cut off on the right — see the screenshot. Fix it so the whole menu is visible and the links are easy to tap.”
Remember to say that it concerns mobile. The website can look perfectly fine on a computer even when the mobile view has a problem. Mentioning mobile tells Nettify AI where to look.

Common mobile menu problems

Ask for: “The mobile menu gets cut off on the right when I open it. Make sure it stays within the screen width on all phones.”
Ask for: “The hamburger menu on mobile does not respond when I tap it. Fix it so the menu opens and closes properly.”
Ask for: “Add a clear close cross at the top of the mobile menu, and have the menu close automatically when a link is tapped.”
Ask for: “When the mobile menu is open, lock the page behind it so it does not scroll.”
Ask for: “The mobile menu overlaps the text on the page. Make sure it sits on top with its own background, so the content behind does not show through.”

Always test on mobile

More than half your visitors are on a phone. Once you have changed the menu, open the website on your own phone and tap your way through it. It takes half a minute, and it is the only way to be sure the menu works the way customers actually meet it.
Want to fine-tune the menu’s colors, spacing or sizes entirely yourself? That is done in manual editing — on a computer in the Manual editing tab, on a phone under View → Edit. See Manual editor.

Create a new page

New pages are added to the menu automatically. See how to expand your website.