XF 1.4 How do I move just one navigation tablink?

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.webp

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