Creating Nested (Dropdown) Navigation Links

Issue/Question

How do I create nested, dropdown links in the left navigation pane in OU Campus?

Resolution

  1. Create a bulleted list in the WYSIWYG editor to contain navigation links.
  2. Use the Tab key while creating the list to indent links. These indented links will be the ones that appear in a drop-down menu when the mouse hovers over the first link.
  3. Once the list has been completed, click on the HTML Source Editor button.
  4. Each list starts with a <ul> tag. Replace this with <ul class="navmenu">.
  5. Click Update.
  6. Click Save to save changes, and Publish to make the changes public.

Details

Article ID: 1852
Created
Wed 10/21/15 8:58 AM
Modified
Fri 2/19/21 1:44 PM