Okay
  Public Ticket #151259
Header Fixed
Closed

Comments

  • Max started the conversation
    Hey guys, I'm currently experimenting with the header and would love having it fixed instead of beeing visible all the time. Is there any way I can handle this? Tried wrapping in another div and fixing it but that didn't solve the problem of the scrolling header. Greetings
  •  1,069
    ThemeNectar replied

    Hey Max,

    add this into the Custom CSS box located in your Salient Options panel:

    #header-outer {
       position: absolute!important;
    }

    Cheers :)

  • Max replied

    Aye Nectar,

    Holy smokes, a freaking line of code and I'm trying it for several hours. Sometimes the solution is too easy.

    Thanks for taking your time! :-)

     

    Max

  •  1,069
    ThemeNectar replied

    You're very welcome :)

    Cheers!

  • George replied

    Hi there,

    I followed this advice, and it worked beautifully on the desktop version but now my header and nav seem to have disappeared on the mobile version with the absolute positioning.

  •  1,069
    ThemeNectar replied

    Hey George!

    Add this into the Custom CSS box located in your Salient Options panel as well:

     
    @media only screen and (min-width : 1px) and (max-width : 1000px) {
      body #header-outer {
          position: relative!important;
       }
    }
    
    Cheers :)