By Stephen Walker

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.

Hidden dropdown

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.

Overflow setting

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

share the article

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

RELATED ARTICLES

  • New Feature – Quick Tips

    I have struggled to find the time to write full tutorials or even longer posts, so I am adding a Quick Tips category. This is similar to the news shorts, but almost every article will include code or a quick tip (imagine that) about an Avada setting or quirk.

  • Left Bar Separator

    Just using some custom CSS to create a color bar before a heading.

  • RSS and Avada

    RSS is an excellent way to get content to readers that don't have time to visit a hundred sites a day.

  • Borders and Boxes Demo

    Tryin to explain the layout fundamentals of Avada. Simple and not unique, but not necessarily intuitive for newcomers.

  • Conditional rendering – Oh the power

    In version 7.3 the ThemeFusion team added conditional rendering to the Avada toolset, but what they didn't do is explain all of the possible use cases.

  • Avada for the win – again

    In my apparently relentless pursuit of finding an alternative for Avada, I once again made my way around the builderverse and once again I am back to Avada.