Remove the fixed nav

[Neville2312]

Hi, I am unsure how to do this but, I would like to modify the navigation so that it says in its position and doesn't move when the user scrolls, I want this to happen on a device that is a tablet or desktop. Also how could I make the navigation not to appear over the top of content when the navigation is at the top of page. Currently I am using a temporary solution which uses the code that pushs the content that is behind the navigation down the page (my code is padding: 100px 0 0;).

Thanks

[robhadfield]

Hey @Neville2312 - I'm not sure I 100% understand the question but let's dig in!

To fix the nav at the top of the pages then something like this would do it ...

@media (min-width: 37.5em)
  header {
    margin-bottom: 2em;
    position: fixed; // On IOS you may need to position:absolute this
    background: #fff;
}

...but I don't understand why you want the content to appear over the top of the nav - why not let it scroll out of the way? Does padding the page work? If so it's a perfectly valid solution.