As I work on coding a website layout, I have utilized a grid template. My goal is to make the header and left sidebar sticky. I have successfully achieved this for the header, but unfortunately, the sidebar remains non-sticky. Despite researching solutions on this forum, nothing seems to be working.
Some users suggest using "top:0" (which worked for the header), but it does not work for the sidebar. I suspect this is because the sidebar needs to be at 0 position initially in order to stick.
Another solution proposed is using "position:fixed," which does make the content sticky, but alters the original design positioning.
I appreciate any assistance. Thank you.
<!-- HTML code goes here -->
CSS:
/* CSS code goes here */
I'm unsure of what parts of the CSS code to remove as using position:fixed may disrupt the layout. Apologies in advance