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

XF 1.2 How do I remove dropdown menu's from navbar tabs?

Discussion in 'Styling and Customization Questions' started by Joe Link, May 2, 2014.

  1. Joe Link

    Joe Link Well-Known Member

    I'd like to remove the dropdown menu's from a couple of the navbar tabs. I'm pretty sure it's done in the navigation template, but I'm not sure how to do it.

  2. borbole

    borbole Well-Known Member

    It would help if you mentioned what links would you like to remove.
  3. Joe Link

    Joe Link Well-Known Member

    I'd like to remove all the dropdown menu's, except for one (the Information menu, setup by Nodes as Tabs).

    Reviews (setup by the Reviews add-on)

    Basically what's happening is my members (most older and computer illiterate) don't know they can click the tabs to go where they need to go. With the submenu's below the navbar once you click the button, the dropdowns are redundant anyhow (IMO).
  4. Joe Link

    Joe Link Well-Known Member

    Anyone? I know this can't be difficult.
  5. Tracy Perry

    Tracy Perry Well-Known Member

    Does this resource not help? You will have to find the associated navigation areas (and templates for the add-on) and would probably have to comment out the drop-down section (the split ctrl?).

    I'll play with it and see if I can figure it out for the main menus... but the add-on is not one I have so I would not be any help there.

    Check out https://sayapple.com and see if that is what you are referring to. I'm not going to leave it that way for long but at least you can take a look at it and see. I didn't mess with my forum one as it's set up different with an add-on but the main ones are the blogs, the wallapers, members, etc.

    If that is what you are referring to, in the navigation template you will need to find the appropriate
                    <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
    and change to
                    <xen:comment><a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a></xen:comment>
    Throwing Nodes As Tabs may not work with the above - as that is not an add-on that I use.
    Last edited: May 5, 2014
  6. Steve F

    Steve F Well-Known Member

    "tabArrow" is not a default XenForo class just so you know :)

    That was added for styling in pixelexit styles long ago.
    Tracy Perry likes this.
  7. Tracy Perry

    Tracy Perry Well-Known Member

    Yeah, I didnt' think about that... but the SplitCtrl should still apply... That was a direct pull from my active style on that site. I'm not going to kick a default style as available for display just to demo it as a possible solution. I would assume that if that section wasn't in there he'd come back and ask. ;)

    And I just created a test default style and made the modifications as above and it worked (minus the style specific - will edit original post).
  8. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Admin CP -> Appearance -> Templates -> EXTRA.css

    .navTab.members .SplitCtrl
    	display: none;
    Just specify the tabid which can be seen in the html source.
    Tracy Perry likes this.
  9. Tracy Perry

    Tracy Perry Well-Known Member

    I was hoping you'd show up!
    But I didn't want to tag you and bug you. :p
  10. borbole

    borbole Well-Known Member

    I hope you won''t mind me saying the following but here it goes. Why do not you set up a test forum and try things out there till you achieve the desired result, rather than waiting around for others to help you. Like that you learn as well and like that saying goes: "Give man a fish and he will eat one day. Teach him how to fish and he will never go hungry." Or something along those lines, but you get my point.
  11. Joe Link

    Joe Link Well-Known Member

    Thank you! That resource didn't help, but the commenting of that line worked perfectly! Along with this by @Jake Bunce my menu's are working almost exactly as I'd like them to. Only thing left to do is figure out proper behavior for when the Information tab is clicked on, rather than one of the items in it's dropdown.

    I actually couldn't find that in my EXTRA.css. @Russ may have removed it when developing the theme?

    I don't mind at all. While this would be ideal, at this point, between my day job and my business, I just don't have the time to setup a test forum and learn. But before you think I'm using that as an excuse, June 1 is my last day :D I'm finally to the point where I'm able to quit and focus on my forums. My intent is to learn PHP and CSS, so I won't have to ask so many dumb questions ;)
    borbole and Tracy Perry like this.
  12. Russ

    Russ Well-Known Member

    That's actually the CSS to hide the arrow disabling the dropdown :), it needs to be added to extra.css.
  13. Joe Link

    Joe Link Well-Known Member

    Ah gotcha! One of those things I did removed the arrow without me adding it :D
  14. Tracy Perry

    Tracy Perry Well-Known Member

    If I remember correctly, I think commenting out the splitctrl on mine also removed the arrow, but don't remember. I ate spare ribs since then and took a nap. :p
  15. Joe Link

    Joe Link Well-Known Member

    Living like a king! :)

Share This Page