XF 1.4 (FIXED)navigation/header

[Brad P]

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/

 

[BassMan]

Hi,

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:

 

[BassMan]

Also I've noticed this:




Increase the z-index here to at least 2000:




... to get this:

 

[Brad P]

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

 

[BassMan]

Try searching your tempalte with this:
188px !important





Or maybe you have it in your EXTRA.css.

 

[Brad P]

Try searching your tempalte with this:
188px !important


View attachment 104655


Or maybe you have it in your EXTRA.css.

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

 

[BassMan]

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

It is, just increase the z-index for loginbar and it will be ok.

 

[Brad P]

It is, just increase the z-index for loginbar and it will be ok.

You sir are legend. Thank you

 

[Brad P]

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

 

[BassMan]

Not sure what you mean.

 

[Brad P]

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

Website

 

[Dylan V]

Yes, you need JavaScript to do it. I solved the problem on your site with:

    <script>
    $(window).scroll( function() {
        if ($(window).scrollTop() > $('.fixedNavigationWrapper').offset().top)
            $('#navigation').addClass('fixed');
        else
            $('#navigation').removeClass('fixed');
    } );
    </script>

#navigation.fixed
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}