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

Navbar drop downs menu's without drop down arrow icon

Discussion in 'Styling and Customization Questions' started by Andrew, Apr 12, 2012.

  1. Andrew

    Andrew Well-Known Member

    How would I go about triggering the drop down menu on the website with out the use of the arrow icon in the navigation?

    Also what is the syntax to add my own custom tab with a drop down menu? :)

  2. high1976

    high1976 Active Member

    open navigation template:
                    <a href="{$tabs.members.href}" class="navLink">{$tabs.members.title}</a>
                    <a href="{$tabs.members.href}" class="SplitCtrl" rel="Menu"></a>
    similar code used for each navbar-item so remove the 2nd line for each of them and change first to
    class="navLink NoPopupGadget" rel="Menu" 
    <a href="{$extraTab.href}" class="navLink NoPopupGadget" rel="Menu">{$extraTab.title}</a>
    NoPopupGadget removes the dropdown-arrows for popups

    for custom tabs I'm using: http://xenforo.com/community/threads/page-nav.13565/#post-183622
  3. Andrew

    Andrew Well-Known Member

    Thank you, testing now!

    Works perfect, your a life saver :D
    high1976 likes this.

Share This Page