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

XF 1.3 Move the navtab arrow down

Discussion in 'Styling and Customization Questions' started by Matthew Hawley, Feb 3, 2014.

  1. Matthew Hawley

    Matthew Hawley Well-Known Member

    Can't figure out how to move the navtab arrow down. I know it has to do with the splitctrl but if i do a margin-top it affects other things...

    [​IMG]
     
  2. katsulynx

    katsulynx Well-Known Member

    try
    Code:
    .navTabs .navTab .SplitCtrl {
    margin-top: youmargin;
    }
     
  3. Matthew Hawley

    Matthew Hawley Well-Known Member

    Doesn't work.
     
  4. katsulynx

    katsulynx Well-Known Member

    It does. If it largens your tab, just apply the same value as negative bottom-margin.
     
  5. Steve F

    Steve F Well-Known Member

    Careful with margins in the nav, it can cause undesired results with responsive layout in the nav.

    This is from the navigation.css

    Adjust the 2nd value


    Code:
    .navTabs .navTab.PopupClosed:hover .SplitCtrl
            {
                /* nav_menu_gadget, height: 17px */
                background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -128px {xen:calc '(@headerTabHeight - 17) / 2 + 1'}px;
            }
    Code:
    .navTabs .navTab.PopupClosed:hover .SplitCtrl
            {
                background-position: -128px 16px;
            }
     
    Matthew Hawley likes this.

Share This Page