Edit A Menu Item
With smart context aware, Elemental Menu clones entire menu context when editing a menu item. It makes everything truly live.
Table of Content
To start editing a menu item, hover over the menu item you want to edit and click on “Edit Item” button. A menu item editor will show up with the original menu context like this:
If you don’t see the controls on the left side, click on the Settings icon at the bottom left (bottom right for RTL languages) to access the controls.
1. General Settings section
The controls are descriptive. You may try it out to see how things work.
2. Icon section
Currently, there’s only one control which allows you to choose menu item icon in this section.
3. Submenu section
- Enable Mega: Whether to enable mega menu for the editing menu item or not.
Mega Submenu Fits To: Select fullscreen width, container’s width or a custom HTML element to sync the width and alignment of the Mega Submenu with that element. If you inspect Elementor’s HTML code, the options are based on this structure:
- Fit-To Element: When the “Mega Submenu Fits To” option is set to “Custom”, you may use this option to use a custom HTML element instead of using the default options. Please enter a valid CSS selector value! Note that the DOM on the menu item editor is different from the actual DOM where the menu will be rendered. So, there may be notices about Fit-To element not found, just ignore it.
- Mega Submenu Width: If you want a fixed width, use this option. The position of the mega submenu will be calculated automatically to make sure everything is responsive.
- Submenu Top Position: This control is available when editing a menu item of a vertical menu. It’s live, try it out if you’re unsure how things work.
4. Badge section
The controls are descriptive. Please try it out if you’re not sure how things work. Note that Badge does not support global colors.
5. Restriction section
Use this control to restrict users who can see the editing menu item.
Last modified: Jan 8 2022 at 06:32 PM.