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

XF 1.2 Navigation tabLinks Height

Brad L

Well-known member
How can I reduce the height of only the tabLinks navigation bar?

Navigation is composed of two bars: navTabs on top and tabLinks on bottom. I'm trying to reduce only the height of the bottom bar (tabLinks). I can do so using extra.css but I get a gap between navigation and pageContent. There is a style property in the header section that controls tab height, but it controls the height of both navigation bars and is probably the source of my problem. Does anyone know how to control the height of these two bars independently?



Well-known member
You need to alter the settings for the pageContent too.

NavTabs Container Height can be set with . tabs class also in
Style Properties: Header and Navigation: Navigation Tabs Container and Selected Tab

On both set the height but also the line-height to get the selected Tabs position corrected

with #navigation .pageContent in extra.css you can set the position for both tabs Container