Header and fixed navigation bug

Discussion in 'Closed Reports' started by Dylan, Nov 11, 2014.

  1. Dylan

    Dylan Customer

    Hi,

    I've added a background on the header of Core and I activated the fixed navigation. I've added this in EXTRA.css:
    Code:
    Copy Source
    #logoBlock
    {
        background: #1a1a1a url('@imagePath/xenforo/custom/header_bg.png');
    }
    And when I scroll, this is what is happening: http://screencast.com/t/76R4cXYNX
     
  2. Russ

    Russ Designer

    I'll take a closer look tomorrow to see what's possibly going on(I can't get it like that on my dev site).

    Can you disable the logo-as-text and test it.
     
  3. Dylan

    Dylan Customer

    I've disabled the logo text and the problem is always present with the logo image.
     
  4. Russ

    Russ Designer

    For now instead of applying the background to the #logoBlock, apply it to:

    #headerMover #header

    and make it so the background-repeat is: repeat-x
     
    Dylan likes this.
  5. Dylan

    Dylan Customer

    Thanks, but now, I've this:
    Screenshot_1.png
     
  6. Russ

    Russ Designer

    That's why I said make it repeat-x.
     
  7. Dylan

    Dylan Customer

    This is what I did and that's why I answered:

    Screenshot_1.png
     
  8. Dylan

    Dylan Customer

    I've added a height to the header:
    Code:
    Copy Source
    #header
    {
        @property "header";
    
        @property "/header";
        height: 99px;
    }
    And everything is perfect now: http://screencast.com/t/hfrNjbxk1w

    It's correct or not?
     
  9. Russ

    Russ Designer

    It's one way to achieve it, but ideally I would avoid editing the default css templates, and just add your css to extra.css
     
  10. Dylan

    Dylan Customer

    The solution I've used is good, right? Everything is perfect now.
     
  11. Russ

    Russ Designer

    Sure, seems to work fine.
     
    Dylan likes this.
  12. Russ

    Russ Designer

    I know this is an older thread but it turns out there was a bug relating to this. It was adding a margin-top to the logo area when the floating navigation was enabled. It was only suppose to do this if the navigation was above the logo area.

    This has been fixed for 1.4.4.
     

Let's work together on your next project

Contact us today to talk about how we can help you