I’m trying to create a menu bar with various dropdown links, but I would like that each dropdown list expands different DIV elements, to include inside images, icons and text, and be able to arrange them.
Ideally, the dropdown DIVs should slide into the center of the menubar (under it I mean), since they’re gonna contain a lot of information; and this is where I’m stucked right now. I can’t find the way to center the dropdown lists, they always expand relating to the position of their parent dropdown button.
I could move them by establishing a fixed position but that would not work when the resolution of the display changes from mine. Also, right now, if the window is too stretch, the areas are expanded outside the visible screen area (and margins do not seem to work with the dropdown lists).
I’ve arranged a quick example of my problem:
I’ve found the Mega dropdown menu by @vincent and have tried to replicate it but I guess it has the same problem as mine, more subtle since it has just one mega dropdown menu.
Thank you in advance !