• 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?

#1
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 :)
 

Russ

Well-known member
#2
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.

View attachment 90409

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 :)
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;
}