Beaver Builder is a great way to create quickly generate a WordPress site, however, it does have some quirks. One of which is no indication that menus have children. However, that’s a quick fix with a few lines off CSS.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* add the drop down indicator to parent */ | |
| .fl-page-header .menu-item-has-children a:after {content: " ▾"; } | |
| /* remove drop down indicator from children */ | |
| .fl-page-header .sub-menu a:after {content: ""; } |
Check out the before and after:
This code is setup to just effect the main menu and only one level. If you have more menus, you’ll have to adapt the code to work on your site, but that should be pretty easy.
Hopefully, Beaver Builder will get this added in a future version as it’s a big usability enhancement.
