Hi Everyone, I’m having difficulties troubleshooting my navigation. As seen in the image, I’ve added a max w to the dropdown list for my navigation and placed it to be 910px (which is the same length as the div block below it). The issue I’m occurring is that the “Nav dropdown list” expands to the entire width instead of being limited to 910px. This then results in the inability to close the navigation from the sides. Instead only from the bottom or top. Is there a way to fix this?
The absolute positioning was preventing you from clicking next to the dropdown.
The Nav dropdown list is set to position: absolute; and I tried to reduce it’s size in relation to the parent element, which has to be set to position: relative;. Removing the padding and setting the height to 0px; was done in order to make the area next to the nav items clickable.