Landing page with a fixed sidebar - would like to make responsiveSOLVE
First time poster here so please let me know if there is additional detail that would be handy.
I have a landing page with a fixed sidebar including a form, so you can navigate up and down the page with the form in full view.
The UX whilst in desktop is fine, the page on mobile looks awful. The fixed sidebar makes it very difficult to navigate / does not scale.
What good looks like: Ideally, when viewed on mobile, I would like the sidebar module to move away from the side and be added as a module at the bottom.
Here is the original template via the Hubspot Marketplace (without the sidebar HTML):
Here is the original code for the sidebar ( i made wider and switched from left to right hand side): https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_sidenav_fixed
And here is an example of what i would like the final product to look like with regards to sidebar responsiveness: https://www.hackerrank.com/events/main/2019/london/
I am not an experienced coder but can do simple tasks and I'm great at following instructions.
Thanks in advance for your help..
Solved! Go to Solution.