Overlapping/fixed nav/header location

  • marshallr

    (@marshallr)


    16 years, 6 months ago

    Hey guys,

    I was hoping there was a way for the nav/header to be fixed, and have the rest of the site be scrollable underneath it (Creating an overlapping technique).

    Something similar to how this site:
    http://demetriusmay.com/

    Keeps its information up top at all times (but we would have a full navigation bar).

    Thanks!

Viewing 1 replies (of 1 total)
  • stvwlf

    (@stvwlf)

    16 years, 6 months ago

    In the CSS file you assign

    position: fixed
left: 0;
top: 0;

    to the outer div that contains the nav/header

    Be warned its sometimes a bit tricky to get fixed positioning working exactly the way you’d like it. Check what happens when you change your browser window size after you’ve set this up to make sure it looks right at all browser window sizes.

Viewing 1 replies (of 1 total)

The topic ‘Overlapping/fixed nav/header location’ is closed to new replies.