hi there! ๐๐
There's no need to create a whole new section in HTML for your mobile and desktop headers. You can wrap the dropdown lists and the corresponding main list items into a nav
tag (since we're using semantic HTML) and you're free to move them around with position: absolute;
.
Also, since your eventListener()
works with click it's not a good idea to give the dropdown menus position: fixed;
, because users can scroll down after opening the dropdowns.
You can check my solution if you have questions, or feel free to ask me.
Hope this helps ๐
Good luck and happy coding!
@oluwa-busssy-olami
Posted
Thank you so much; Iโd check it out@kodan96