• How to use and customizing menus

    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: