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

XF 1.3 Responsive Behaviour of Tab Links

Discussion in 'Styling and Customization Questions' started by Myke623, Jan 23, 2014.

  1. Myke623

    Myke623 Active Member

    Is there a way to control the responsive behaviour of the tab links?

    When the browser width shrinks, the elements at the start of the tab links disappear into the ellipsis menu, and to me this seems counter intuitive.

    Full width with all tab links shown:


    Reduced width, with only the tail elements visible:


    I would much prefer it if the tab links are truncated, from the end, to form in the ellipsis menu.

    In other words, if you're reducing/truncating the following list:
    A, B, C, D, E, F

    It's far more intuitive to reduce the list as:
    A, B, C, ...[D, E, F]

    rather than:
    D, E, F ...[A, B, C]

    Is there any way to control this easily, or is a modification to the code base required? Or via an add-on?
    Alfa1, TheLaw, Neil E. and 1 other person like this.
  2. Brogan

    Brogan XenForo Moderator Staff Member

    The links are removed from the nav bar from left to right, which means the least important ones are put into the dropdown first.

    You can edit the navigation template to change the order if you wish.
  3. Myke623

    Myke623 Active Member

    I get that I can edit the link order, but:

    How do you figure that the left-most links are "least" important? :)

    Items that appear first/higher up the list surely have to be considered more important than those lower on the list?
  4. Brogan

    Brogan XenForo Moderator Staff Member

    There was a big discussion about it a while ago.

    The general consensus was that secondary links closer to the centre of the screen were more important.
  5. Myke623

    Myke623 Active Member

    That's ridic... would you happen to have a link to said discussion?

    But more seriously, would you know if I can change this behaviour for an add-on I'm developing? Changing the order isn't ideal as my secondary links are sorted alphabetically.
    Alfa1 and TheLaw like this.

Share This Page