Fixed header

Viewing 5 posts - 1 through 5 (of 5 total)
  • #17739
    PLSantaCroce
    Participant

    Hi folks,

    I am trying to make the header and the menu bar fixed, that is, prevent them from scrolling vertically.
    Can you guys help me with CSS syntax?
    I tried this in custom CSS but didn’t work (layout all messed up)

    #header {
    position: fixed;
    border-top:#111 3px solid;
    }

    The website I’m working on is http://www.pasticceria-lio.it/

    Any help appreciated πŸ™‚

    #17751
    Daniel Tara
    Keymaster

    Try this code:

    #17758
    PLSantaCroce
    Participant

    Perfect, it worked like a charm!
    Thanks for taking the time to help out.

    PS: I modified the margin-top parameter to 172 because my header is narrower.

    #17790
    PLSantaCroce
    Participant

    I just realized that the layout gets messed up on tablets, probably because of the fixed margin-top, right? I don’t know if there is an easy solution…

    #17797
    Daniel Tara
    Keymaster

    Could you link to an example?

Viewing 5 posts - 1 through 5 (of 5 total)

Tagged: ,

You must be logged in to reply to this topic.