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

XF 1.4 How do I move just one navigation tablink?

Discussion in 'Styling and Customization Questions' started by mfman, Nov 27, 2014.

  1. mfman

    mfman Member

    Could someone kindly tell me how I can move just one navigation tabLink, located in the second row, to the right side of the navigation bar? I tried to illustrate this in the attached image.


    I saw that the specific row of links is:

    .navTabs .navTab.selected .tabLinks li
    I can't seem to figure out how to isolate just one of those links with css, though. Maybe you can suggest what I might be able to add to EXTRA.css to get the "Search Forums" link moved to the right?

    Thanks for looking :)
  2. Russ

    Russ Well-Known Member

    I would simply open navigation and add a class to the <li> specific to the search forums link. Then do float: right

    You may also need to adjust the margin of the subnav:

    html .withSearch .navTabs .navTab.selected .blockLinksList {
    margin-right: 10px;
  3. mfman

    mfman Member

    Sounds like a nice simple solution. I'm going to give this a try. Thank you for the help, Russ :)

Share This Page