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

Discussion in 'Styling and Customization Questions' started by Brad L, Jan 4, 2014.

  1. Brad L

    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?

  2. TsinJu

    TsinJu 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
    Brad L likes this.

Share This Page