As I was redoing the header of this website over the weekend I encountered what I consider to be a bug. If you add a menu item with a dropdown to a column everything works as expected. When you add a border radius to the column it changes the overflow of the column and “hides” the dropdowns. This behavior is apparently a feature, but not one that I would expect. I expect the reason is two-fold — the excessive number of divs generated and the fact that there is not a z-index for the menu.
Fortunately, the fix is easy, change the overflow of the column to visible (very bottom of the design tab) or assign a custom class to the column.
Here I used a custom class called at-menubar — always a good idea to create your own namespace (at-) so there are no conflicts with Avada styles.
.at-menubar .fusion-column-wrapper{
border-radius:0 0 20px 20px;
}Originally published on March 6, 2022
