Here is my Technical Documentation Page project…
Some feedback would be nice.
Also I want your suggestions about the navbar, as on small screens I want it to stay on left side of the screen but not visible totally, just on hover, it appears with full width.
I did this, but I feel on small screens the users may not notice there is a navbar at all, as there is just a grey vertical bar which is not indicating that there is a navbar here, how can I make this bar expresses the existance of a navbar so users go and hover over it ?
Thanks in advance.
The navbar now goes fixed to the top of the page on small screens.
And on hover it returns to its original size.
But still have problem which is on small screens the scroll bar of code element appear on the navbar in hover state… however I’m using higher z-index for navbar… how can I hide them ???
Another problem: on small height screens when hovering over the navbar and then scrolling down to a header then un-hovering the navbar again, it goes to the top but the apparent part of it changes to the header you scrolled down to, not going back to the first header “JS Documentation”… how can I solve this ???
- I have solved the first problem making a Dropdown navigation bar on small screens. thanks to @jel111
- the second problem: appears to happen only on Firefox on responsive design mode. But not on chrome or “Firefox out of responsive design mode”. If anyone have an idea why this happens, Please tell us .