Community forum for knowledge and support

Updated 7 months ago

Easily Manage Navbar In Webflow

At a glance

The community members are using Navbar 7 in a Webflow project, but find it complex to manage the menu and change text, links, etc. They are looking for an easy way to make the navbar more "client-friendly". Some suggestions from the comments include:

- Making the parent div that encloses the columns and links into a component, and dropping this component on a different page (style guide), though the community member is unsure if the client will have designer access.

- Removing icons and using shorter verbiage for the text under the main buttons, but this can cause overflow issues on smaller monitors. The community member also notes that the mega menus need to be rebuilt due to updates in Webflow.

- Exploring the use of the new components slot and CMS to make the navbar more manageable for content editors, though there are concerns about potential human error and the suitability of component slots for content editors.

The community members conclude that using component properties and CMS may be overkill, and that simply nesting a component inside the navbar for the nav items and using CMS would be enough in this instance.

Useful resources

Hello!

We are using Navbar 7 for a project, but it seems quite complex to "manage" the menu and change text, links etc.

Is there any easy way to manage the navbar's in webflow, so that it becomes more "Client-friendly"?

M
M
A
6 comments

one tip would be to grab the parent div that encloses most of the columns and links and make it a component and then drop this component on a different page (style guide) - i dont know if your client will have designer access though.

Hi Adam - I use that same one in some of my designs, you can see an example here: https://www.lasermestl.com/

To make it more friendly, I remove the icons, and then the text under the main button I tend to use some other short verbiage.

The issue I experienced with it, is that on smaller monitors (under 14") it creates an overflow. The mega menus (all of them) need to be rebuilt, due to some new updates in Webflow.

Ah interesting Matt!

What do you think about the new components slot? Can that help solve it? Ideally we want to solve it via content editor access if possible maybe with cms?


Michael!

We found some bugs and usability problems in the mobile menu

yeah certainly there are a few "creative" solutions using CMS here. You could have a single collection, with multiple categories (one category for each column) and you'd have the name, icon, description and URL field. The issue here is that you could run into human error. Say you update the slug of a page, you'd have to remember to update it in this collection as well.

I don't believe you'd want to use component slots for this because I dont think that translate that well for content editors but I could be wrong there.

and in this instance, using component properties AND CMS is a bit overkill. Just nesting a component inside of your navbar for your nav items and using CMS would be enough.

Add a reply
Sign up and join the conversation on Slack