Facebook Pixel Modifying Navigation Menus - OU Campus Self-Help at WKU | Western Kentucky University Skip to main content

Modifying Your Navigation Menus


There are two types of navigation menus you will encounter in OU Campus:  a left navigation menu and a top navigation menu.  See the sections below for the proper way to edit each navigation.

 

Left Navigation

The left navigation can usually be modified through the WYSIWYG editor.  Each bullet item in the unordered list is a menu item.  You can use the normal link button to turn each menu item into a hyperlink. 

Adding/Modifying a Link

The HTML for the left navigation uses an unordered list. Unordered lists start and end with the <ul> and </ul> tags.  Each item in the list starts with <li> and ends with </li>. You can have as many list items before ending the list as you'd like.  The proper syntax for a unordered list looks like the following:

<ul class="navmenu-v">
          <li>List Item 1</li>
          <li>List Item 2</li>
</ul>

In the above example, you'll notice that these list items are not hyperlinks.  As previously mentioned, you can add the links through the WYSIWYG editor.

 

Top Navigation

Due to the nested lists that create the drop-downs in the Top Navigation, modifying with the WYSIWYG editor can be more difficult  than editing the Left Navigation.

The proper syntax for a nested unordered list looks like the following:

<ul class='dropdown_sub'>
          <li>List Item 1
                    <ul>
                              <li>Sub Item 1</li>
                              <li>Sub Item 2</li>
                    </ul>
          </li>
          <li>List Item 2</li>
</ul>

The above example will produce a menu that has a drop-down menu when the mouse is hovered over "List Item 1".  Notice that the </li> for List Item 1 does not occur until after the entire sub item menu.   You'll also notice these list items are not hyperlinks.  You can add the links through the WYSIWYG editor.

 




Need Assistance?

The WKU ITS Service Desk is here to help. Give us a call, chat with a representative online, use the Self-Help Knowledge Base and more.

Get Help



Some of the links on this page may require additional software to view.

 Last Modified 10/22/18