Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:
Hi! I’m trying to make the side nav bar fixed without it to get mess when the screen is less than 520 px, Thanks!
Your code so far
CodePen Technical Document
WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

I clicked on your codepen link while using my phone and it seemed to be working fine. Not sure what you mean by a mess?

3

The issue is when the screen is bigger I want the nav bar to get sticky, I can’t find the way to make it to happen without get a little mess in screens with less than 520 PX.

4

Just use a media rule so that the sticky property only applies to the larger screens then?

5

Thanks I fixed it with position: fixed and it’s working thanks !

1 Like