How do I update the site menu or navigation?

Modify, organize and optimize the navigation of your hotel website

Key points • Easy navigation updates via the Designer • Text, link, and element order management • Direct impact on user experience • Consistency between desktop and mobile versions

Updating your hotel website's menu or navigation is essential for effectively guiding visitors to key pages: rooms, restaurant, spa, offers, and booking. Whether you want to change a title, reorganize links, or add a new element, Webflow allows you to make these changes quickly and accurately.

Edit menu items (text and links)

Select the navigation bar (Navbar) in the Designer. Click on the text element you want to edit: it becomes directly editable. To update the associated link, open Link Settings and choose: • an internal page • an external URL (booking engine, external restaurant, etc.) • an anchor • a PDF file

💡 Tip: use short and clear titles such as “Rooms”, “Spa”, “Restaurant”, “Offers”, “Book”.

Reorganize menu items

Within the menu structure, drag and drop items to reorder them. You can: • move an important link to the top (e.g., Book Now) • group similar pages • remove tabs that are no longer needed

This action allows you to improve your visitors' journey and adapt navigation to your marketing priorities.

Add a new item to the menu

Drag a Link Block or Text Link into the existing menu. Edit the text and configure the link in Link Settings. Position it where you want in the navigation using drag and drop.

💡 Idea: Add a stylized “Book Now” CTA to increase your conversions.

Update the mobile version of the navigation

Switch to tablet mode, then mobile mode in the Designer. Open the hamburger menu and check: • the order of the elements • the readability of the text • the alignment • the vertical spacing (often wider on mobile)

If your menu is a global component, changes will sync automatically, but adjust the styles if the mobile version requires different formatting.

Manage multiple menus (languages, versions, alternative headers)

For a multilingual site: • Ensure you are using the correct language version before modifying the navigation. • Duplicate the navigation if necessary, as its content may differ between languages.

For an alternative header (scroll, special page, etc.): • Check whether it is a global component or a standalone header before modifying it.

Publish your changes

Preview to check the rendering and interactions, then click Publish. Test your navigation from a real mobile device to validate the user experience.

Conclusion

Updating your hotel website's menu is essential for making navigation clearer, more intuitive, and more efficient. By optimizing the order, text, and links of your menu, you improve the discoverability of your services and boost the visibility of your key pages.