• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.1 How do I create a drop down menu on the navigation bar?


XenForo moderator
Staff member
Look how the other menus are done and copy the format.
The difference is you will have to use hard coded URLs and text rather than xen:link and phrases.


Well-known member


Well-known member
Im guessing I should be here:

<xen:if is="{$tabs.forums}">

<li class="navTab forums {xen:if $tabs.forums.selected, 'selected', 'Popup PopupControl PopupClosed'}">

<a href="{$tabs.forums.href}" class="navLink">{$tabs.forums.title}</a>

<a href="{$tabs.forums.href}" class="SplitCtrl" rel="Menu"></a>

<div class="{xen:if {$tabs.forums.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}">

<div class="primaryContent menuHeader">


<div class="muted">{xen:phrase quick_links}</div>


<ul class="secondaryContent blockLinksList">

<xen:hook name="navigation_tabs_forums">

<xen:if is="{$visitor.user_id}"><li><a href="{xen:link 'forums/-/mark-read', $forum, 'date={$serverTime}'}" class="OverlayTrigger">{xen:phrase mark_forums_read}</a></li></xen:if>

<xen:if is="{$canSearch}"><li><a href="{xen:link search, '', 'type=post'}">{xen:phrase search_forums}</a></li></xen:if>

<xen:if is="{$visitor.user_id}"><li><a href="{xen:link 'watched/threads'}">{xen:phrase watched_threads}</a></li></xen:if>

<li><a href="{xen:link 'find-new/threads'}">{xen:phrase whats_new}</a></li>