what do you call this kind of navigation bar?

[anderson]

Hi,

Please take a look at this:

https://templatemag.com/demo/Good/

The upper nav bar, including dropdowns like "pages" and "portfolios", what do you call this whole thing? At first I guess it's called "dropdown nav bar", but seems not.

AND of course, what's the simplest way/module to achieve this in PW?

Thanks in advance.

[dotnetic]

It`s a simple navbar with dropdowns. There are a zillion ways to get this done. One would be the use of http://modules.processwire.com/modules/markup-simple-navigation/ or http://modules.processwire.com/modules/process-menu-builder/

They generate a list of pages and their children and you can modify the output of the markup. Then you could use a framework like Bootstrap or Foundation, or whatever you like and use their navbar components, to get the dropdowns and styling.

[anderson]

21 minutes ago, jmartsch said:

It`s a simple navbar with dropdowns. There are a zillion ways to get this done. One would be the use of http://modules.processwire.com/modules/markup-simple-navigation/ or http://modules.processwire.com/modules/process-menu-builder/

They generate a list of pages and their children and you can modify the output of the markup. Then you could use a framework like Bootstrap or Foundation, or whatever you like and use their navbar components, to get the dropdowns and styling.

Thanks for your help. Yesterday I installed MSN, and some test trying to understand its options. But in all results the menu is verticle. I'll learn deeper.

[zoeck]

4 hours ago, anderson said:

But in all results the menu is verticle. I'll learn deeper.

The Markup Simple Navigation is only creating the code for the navigation, you have to add the style (css style) of the menu yourself, the module doesn't do that

 

[anderson]

11 minutes ago, zoeck said:

The Markup Simple Navigation is only creating the code for the navigation, you have to add the style (css style) of the menu yourself, the module doesn't do that

 

Thanks for the tip, I'll learn that.

[dotnetic]

3 hours ago, zoeck said:

The Markup Simple Navigation is only creating the code for the navigation, you have to add the style (css style) of the menu yourself, the module doesn't do that

 

Thats what I meant when stating

8 hours ago, jmartsch said:

Then you could use a framework like Bootstrap or Foundation, or whatever you like and use their navbar components, to get the dropdowns and styling.

because these frameworks contain styling and javascript for dropdown menus.

[anderson]

11 hours ago, jmartsch said:

because these frameworks contain styling and javascript for dropdown menus.

Good to know.