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.

    navtab_image.jpg

    I saw that the specific row of links is:

    Code:
    .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:

    Code:
    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