Custom menu items

Styles to use in the custom menu fields

<span class="menu-header-gray">BoldGrayMenuHeader</span>

<span class="menu-header-gray-lt">LightGrayMenuHeader</span>

<span class="menu-header-red-lt">RedMenuHeader</span>

<span class="menu-header-gray-lt"><a href="#">LightGrayMenuHeaderWithLink</a></span>

 

<hr> (will get you a line that you can put ontop and below the headers)

<hr style="margin-bottom:-20px;"> (will give a good line for under a heading with a list of items to fall under it)

Admissions dropdown menu highlighting HTML span classes for Undergraduate, Transfer, Apply, and Visit links.

Add a Custom Content item from the UberMenu Advanced Items.

WordPress UberMenu editor showing custom content selected and menu structure with sub-items.

Hover over the Custom Content item and click on the Uber settings button that appears.

Custom UberMenu item with gear icon selected under the People menu in WordPress.

Copy and paste the different <span> style you would like from above and then change out the text to be what you would like to appear. You can add a link by putting a <a href=”YOUR LINK HERE”>YOUR LINK TEXT HERE</a> in-between the <span> tags.

Then click the Save Menu Item button.

UberMenu Custom Content Settings showing HTML links for Faculty, Alumni, and Outstanding Student Awards.

Click the Save Menu button and then go check the live site to make sure it appears how you were hoping.

WordPress menu settings with Mega Menu selected and Save Menu button highlighted.