How to set up and style the Premium Menu widget in Elementor.
Premium Menu turns a WordPress menu, or items you type, into one of seven menu styles: an advanced dropdown, a circle menu, a list, a side menu, a full screen menu, an accordion or a one page scroll menu with dots. Items can have icons, descriptions and badges.
Part of: Bright Addons Pro.
| Option | What it does |
|---|---|
| Menu Style | Advanced dropdown, circle menu, list menu, side menu, full screen menu, accordion menu or one page scroll menu. |
| Items From | A WordPress menu, or items typed here. |
| Levels | How many levels of the menu to show. |
| Items | Typed items with Text, Link, Icon, Description, Badge, and Sub-item of the Item Above. |
| Sections | For the one page scroll menu: a Label, the Section CSS ID and an Icon. |
| Menu Name for Screen Readers | Names the menu for assistive technology. |
| Option | What it does |
|---|---|
| Text | Leave empty for an icon only button. |
| Icon | Empty: animated menu lines. |
| Icon While Open | Icon shown while the menu is open. |
| Option | What it does |
|---|---|
| Open On | Click, or hover with click on touch screens. |
| Dropdown Position | Starts at, centered under, or ends at the button. |
| Animation | Fade, rise, zoom or unfold for the dropdown; fade, slide, zoom or circle for full screen. |
| Items Open | Circle menu: automatic, all around, half circles or quarters. |
| Item Names | Circle menu: on hover, always, or never. |
| Layout | List menu: vertical, horizontal or grid. |
| Opens From | Side menu: left or right. |
| Panel Title | Title of the side or full screen panel. |
| Panel Footer | Text at the bottom of the panel. |
| Close After a Link Is Picked | Useful for links to sections of the same page. |
| Open the Branch of the Current Page | Opens the submenu that holds the current page. |
| Keep One Submenu Open | Opening a submenu closes the others on the same level. |
| Submenu Indicator | Chevron, plus and minus, or caret. |
| Look | One page scroll menu: dots, lines or buttons with names. |
| Scroll Offset (px) | Space kept above a section, for example for a sticky header. |
| Show the Section in the Address Bar | Updates the address while scrolling. |
| Hide on Phones | Hides the fixed scroll menu on phones. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $16 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
size, typography, icon size and spacing, normal and hover colors, border, radius and padding.
width, distance, background, page shade, padding, radius, shadow, title, close button and footer.
typography, normal, hover and current colors and backgrounds, padding, spacing, dividers, sub-items and submenu indicator.
sizes, colors and typography.
Yes. Set Items From to A WordPress menu and pick it.
Yes. It marks the current section while visitors scroll.
Yes. Every style works with touch, and the fixed scroll menu can hide on phones.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide