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

Discussion in 'Styling and Customization Questions' started by Brad P, Apr 26, 2015.

  1. Brad P

    Brad P Active Member

    Morning xenforo,

    I have a slight issue with the header/navbar.

    See picture below. How do I go about fixing this. Link to my site is http://s0rethumbs.com/forums/

    Attached Files:

  2. BassMan

    BassMan Well-Known Member


    somewhere in your code you have this:
    @media (min-width: 800px)
    #navigation.pageWidth {
      padding-left: 188px !important;
    Remove that left padding and it wil show like this:
    maszd likes this.
  3. BassMan

    BassMan Well-Known Member

    Also I've noticed this:


    Increase the z-index here to at least 2000:


    ... to get this:

  4. Brad P

    Brad P Active Member

    Thank you. Do you no where I can locate the code
  5. BassMan

    BassMan Well-Known Member

    Try searching your tempalte with this:
    188px !important


    Or maybe you have it in your EXTRA.css.
  6. Brad P

    Brad P Active Member

    I'm mobile. I believe I found it. I've removed it. Can you see if its fixed ?
  7. BassMan

    BassMan Well-Known Member

    It is, just increase the z-index for loginbar and it will be ok.
    Brad P likes this.
  8. Brad P

    Brad P Active Member

    You sir are legend. Thank you :)
    BassMan likes this.
  9. Brad P

    Brad P Active Member

    I have noticed the navbar doesn't go right across. Is it possible to get it so it goes along right across ?
  10. BassMan

    BassMan Well-Known Member

    Not sure what you mean.
  11. Brad P

    Brad P Active Member


    See here only in the middle, is it possible to get it so its like this site

  12. Dylan V

    Dylan V Well-Known Member

    Yes, you need JavaScript to do it. I solved the problem on your site with:
        $(window).scroll( function() {
            if ($(window).scrollTop() > $('.fixedNavigationWrapper').offset().top)
        } );
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;

Share This Page