>Ultimately, the navigation bar will have links in it. They are hidden when the bar is 30px (using overflow: hidden, most likely). When the bar is expanded to the given size the links will then become visible.
Sorry…I think that’s likely to be a bad user experience. Unless it’s blindingly obvious that I have to click to see the menu, I wouldn’t know it’s there.
Perhaps it will be but at the moment, I can’t see it.
>The reason the href targets the nav is so that the nav:target css is applied correctly.
Then I think you are using it incorrectly.
`nav:target` will apply the css to any nav element regardless…the href will attempt to move the page to that #ID.