Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

HTML/CSS navbar not working when changing from pc layout to mobile

I am trying to make a nav bar that works on both pc and mobile devices but when the nav bar is in mobile mode things don’t look quite right. I think its my css that’s the issue I just don’t know where or what is causing it.

I’ve had to make it on repl because its for school so not sure if that’s effecting it but I’ve posted an invite link to the website.

This is where the website is

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

https://replit.com/join/pzgmiypjtm-aidenmcginty

>Solution :

Remove the margin-left: 20px; when you click on the burger.
You can also change the top: 60px; to top: 76px;

It looks like this

Add a comment

Leave a Reply

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

Discover more from Dev solutions

Subscribe now to keep reading and get access to the full archive.

Continue reading