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]

  On 2/5/2019 at 7:47 AM, 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.

Expand  

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]

  On 2/5/2019 at 8:13 AM, anderson said:

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

Expand  

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]

  On 2/5/2019 at 12:59 PM, 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

 

Expand  

Thanks for the tip, I'll learn that.

[dotnetic]

  On 2/5/2019 at 12:59 PM, 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

 

Expand  

Thats what I meant when stating

  On 2/5/2019 at 7:47 AM, 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.

Expand  

because these frameworks contain styling and javascript for dropdown menus.

[anderson]

  On 2/5/2019 at 4:33 PM, jmartsch said:

because these frameworks contain styling and javascript for dropdown menus.

Expand  

Good to know.