How can I make side Nav and top Nav fixed (in the same Position) even if the Browser is Resized? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 2

How can I make side Nav and top Nav fixed (in the same Position) even if the Browser is Resized?

during scrolling the Top navigation bar and Side navigation bar stays in the position but the rest of the contents are moving even if the Browser is Resized or on other devices with small resolutions like Phones and Tabs

2nd Oct 2018, 6:29 AM
Kamya Philm
Kamya Philm - avatar
7 Answers
+ 2
In the future, please provide a link to your Code Playground code so we can help you troubleshoot the specific issues you are running into. The Code Playground should be relatively easy to find in the website version of SoloLearn, but if you are in the app version, it can be accessed via the curly braces, green circle with plus sign to add a new project, then select the project type (Web). Top Nav: https://code.sololearn.com/WX7x50ht4mtO/?ref=app Side Nav: https://code.sololearn.com/WOpNQ8jAvKO8/?ref=app
2nd Oct 2018, 8:11 PM
Janning⭐
Janning⭐ - avatar
+ 1
float won't work I would go with Janning⭐ Go for position:fixed
2nd Oct 2018, 7:10 AM
$hardul B
$hardul B - avatar
+ 1
position: fixed; works but I want also to remain in the same position when the Browser is resized or on other devices with not large resolutions like phones and tablets
2nd Oct 2018, 9:01 AM
Kamya Philm
Kamya Philm - avatar
0
If "position: fixed;" isn't working for you, it would be great to see the code.
2nd Oct 2018, 6:42 AM
Janning⭐
Janning⭐ - avatar
0
maybe try "float" attribute in css
2nd Oct 2018, 7:05 AM
Bebida Roja
Bebida Roja - avatar
0
Janning, then I want when they are all on the same page, the top nav and the side nav
7th Nov 2018, 9:40 AM
Kamya Philm
Kamya Philm - avatar
0
I'm not really understanding the difference you are looking for. Examples might help. 😁
7th Nov 2018, 10:36 PM
Janning⭐
Janning⭐ - avatar