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

XF 1.4 (FIXED)navigation/header

BassMan

Well-known member
#2
Hi,

somewhere in your code you have this:
Code:
@media (min-width: 800px)
#navigation.pageWidth {
  padding-left: 188px !important;
}
Remove that left padding and it wil show like this:
upload_2015-4-26_12-40-28.png
 

Dylan V

Well-known member
#12
Yes, you need JavaScript to do it. I solved the problem on your site with:
Code:
    <script>
    $(window).scroll( function() {
        if ($(window).scrollTop() > $('.fixedNavigationWrapper').offset().top)
            $('#navigation').addClass('fixed');
        else
            $('#navigation').removeClass('fixed');
    } );
    </script>
Code:
#navigation.fixed
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}