Hi, you can create your own custom nav using an html embed that has menu and sub-menu, if that is what you mean, but I think in webflow, the navbar widget only supports pages on single level, and no sub menu links, if that is what you mean.
If Webflow does not support the multi-level navbar, I will try the embedded menu. Could you also explain how I can change the URLs of the child pages please? In webflow they are all on the same level, but I want the link to be like… blabla.com/parent/child
I hope that multi-level navbar would be added to future plans
I don’t think you can do this in webflow currently. You can create additional pages like what @PixelGeek showed, but in url, you have choice to use a sub-directory only if you create an export first and host on another server… otherwise, you just get a list of pages you have created in webflow on same level in the drop down list of pages…
Hi, I have run into this need also to have submenus… while I know that currently webflow not have submenus, I think that @yenikahve is creating multiple columns on the nav bar with multiple menus, and my response to that would be to keep on that track…
Be creative with the menus, and maybe make the design using multiple navs, like your main pages with nav menu on top, then maybe use a nav menu in a sidebar menu for sub pages…
But although I am not sure if using multiple cols in the nav bar will work for your site, I guess it depends on your design, but you have opportunity now to do something different and creative
Hi @magichristopher, the exported files from Webflow use relative paths, so you just have to adjust paths in your exported files for links, images etc, to point to the correct files on your site.
For example, if I have a default path of:
and my images are really located on my server in subfolder-two, then after export, I would change my image path to be:
If my image was in subfolder-two and then in another subfolder after that, such as subfolder-three, then your path would be:
Since you are the one who is making the structure in your external site, you just need to plan out how you will store your css, images, scripts etc, and update the paths to those in the html exported file. You may also need to change your css files to change the path of any background images used in your designs to point to the correct path locations.
Thanks for that. I’ve now exported the site from Webflow. I manually created subfolders to hold pages according to categories. However after I drag any page to its new subfolder, the CSS does not work on the page any more. How do I update the CSS so it points to the designated five subfolders and their contents as well?
(Note: css, fonts, images and jss folders have all stayed in the root folder … ONLY site pages themselves have been moved into subfolders)
Once you open up the html file you should find the link to the css. Once there you will notice the css/filename.webflow.css. You need to specify the parent folder so the beginning should be ../ and then the current filename.
From the discussion looks like its the feature that allows us to have a ‘multi-level nav bar’ i.e. once we click the ‘about button’ the menu drop downs and one of the options has its own menu that opens up upon clicking or when the mouse hovers over it… But I can’t figure out how to implement it.
Basically this is the feature I’m looking for. If there is a way to do it would appreciate some guidance about it.