navbar-submenu-advanced

Navbar Submenu (Advanced)

With the powerful bootstrap Nav Bar, you can multiple levels of sub-menus. This is an advanced topic.

Tips


Instructions

SUBMENU font size, color, type, weight, decoration, shadow, and  hover color

In this tutorial, we’ll demonstrate how to change the sub menu font properties.

Video Demonstration ( skip the reading, just watch and learn! )

http://youtu.be/2t1kUV-dZsM

  1. Expand the Site / styles folder.
  2. Open the styles.css stylesheet.
  3. Locate the comment tag/* DROPDOWN-MENU font size, color, type, weight, decoration, shadow */
  4. Change your font-size, color and family values here
  5. to change the hover color, look for the /* DROPDOWN-MENU font hover color*/
  6. and edit the #hex color value

SUBMENU font size, color, type, weight, decoration, shadow, and  hover color

In this tutorial, we’ll demonstrate how to change the sub menu font properties.

Video Demonstration ( skip the reading, just watch and learn! )

http://youtu.be/_5CgQ8xev5s

SUBMENU font size, color, type, weight, decoration, shadow, and hover color

  1. Expand the Site / styles folder.
  2. Open the styles.css stylesheet.
  3. Locate the comment tag:/* DROPDOWN-MENU font size, color, type, weight, decoration, shadow */
  4. Change your font-size, color and family values here:
  5. To change the hover color, look for the:/* DROPDOWN-MENU font hover color*/
  6. And edit the #hex color value:

Troubleshooting

  • Menutop sub menu's wont' stay open with Android Devices Answer