I’ve used this code several times for Dropdowns and now the childs are not showing for some reason, I must have did something different but can’t find out what. Here is the site…
Nope, that didnt work I’ve never had to add that to any dropdowns in the past. Thanks though, hopefully can solve it shortly spending too much time trying to figure out why lol
If a drop down menu doesn’t show then there are usually 2 main reasons.
The menu is going behind something
The parent div is set to overflow:hidden so nothing can show outside the menu.
In your case you have overflow:hidden on .row which holds the menu and therefore the dropdown menu will never show because it overflows the container. For the element called .row that holds the menu you will need to use another clearing mechanism instead of overflow:hidden. Use the clearfix method instead.
I’m not too familiar with clearfix as never ran into this problem with using the dropdown this way so its weird that just hit this issue now cause I’ve always used this way in the past with the overflow: hidden on the row class. What exactly would I need to do.
You can’t use overflow:hidden to clear floats when you have elements that need to poke out of the parent div - such as your dropdown menu. You can get away with it if you have more content in that same div under the menu so that the div is taller than the dropdown but in this case the row is only as tall as the nav top level do the overflow will be cut off
Or you could use AllWebMenus in order to avoid things like that. You just create your structure, you set the styles you want and you link it to your pages.
Why would someone trade a lightweight accessible menu for an inaccessible heavyweight menu that uses tables for layout and is fully reliant on javascript to work?