This is a Bootstrap navbar example:

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-02

Add or edit menu

Click on appearance > menu

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-01

Click on screen option (top right of the page) and put a check mark in each checkbox

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-03

Now you can create a new menu or edit an existing one

Add dropdown item (n°2)

For adding dropdown menu simply add new custom link item with # as url and a item name

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-04

Click "Add to Menu" and add new child items (from any kind of link)

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-06

Add any items as you wish

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-07

Add a line separator (divider) between items (n°3)

You can add a separator for item in dropdown menu

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-12

Simply add new custom link (Link Text “divider” is optional)

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-09

Put new divider’s item between two item (or wherever you want)

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-10

And add the divider CSS class in CSS Classes (optional)

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-11Add a dropdown header in dropdown menu

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-15

Add dropdown-header CSS class in CSS Classes (optional) of the item

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-16Add a disabled item to menu

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-17

Add disabled CSS class in CSS Classes (optional) of the item

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-18Add an icon to the left of an item

For adding an icon to the left of item add a name of Glyphicon or your icon class in Glyphicon or yours icon class of the item

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-13

And then the icon will be displayed in the navbar

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-14

Add a dropup menu

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-19

Add a dropup class to the parent of the item

How-to-use-and-customizing-ItalyStrap-menu-on-WordPress-20

Last edit:

Comments are closed.