How to add the Nav Menu block and what every setting does. It is free in Bright Addons Blocks Library on WordPress.org, and Bright Addons Blocks Pro includes it too.
Start
Your site menu with simple or modern dropdowns, mega menus built with blocks, and a mobile menu or slide-in panel.
Panel 1 of 5
Open the block sidebar and find the Menu panel.
| Setting | What it does | Choices |
|---|---|---|
| Menu | Choose one. | – |
| Layout | Choose one. | Horizontal, Vertical |
| Alignment | Choose one. | Left, Center, Right, Spread |
| Menu name for screen readers | Text you type. | – |
Panel 2 of 5
Open the block sidebar and find the Menu items panel.
| Setting | What it does | Choices |
|---|---|---|
| Hover style | Choose one. | Plain, Underline, Pill |
| Space between items (px) | From 0 to 64. | – |
| Text size (px) | From 12 to 24. | – |
| Text weight | Choose one. | Regular, Medium, Semibold, Bold |
| Uppercase | On or off. | – |
| Arrow on items with a dropdown | On or off. | – |
Panel 3 of 5
Open the block sidebar and find the Dropdowns and mega menus panel.
| Setting | What it does | Choices |
|---|---|---|
| Dropdown style | Choose one. | Modern, Simple |
| Open on | Choose one. | Hover, Click |
| Animation | Choose one. | Slide up, Fade, Zoom, None |
| Dropdown width (px) | From 160 to 400. | – |
| Mega menu width (px) | Used for mega menus set to “Auto width”. Mega menus set to “Full width” span the whole window. From 400 to 1400. | – |
Panel 4 of 5
Open the block sidebar and find the Mobile menu panel.
| Setting | What it does | Choices |
|---|---|---|
| Switch to the mobile menu on | Choose one. | Tablet & phone, Phone, Never |
| Mobile menu | Choose one. | Slide-in panel, Drop-down |
| Panel side | Choose one. | Right, Left |
| Text next to the menu icon | For example “Menu”. Leave empty for the icon only. | – |
Panel 5 of 5
Open the block sidebar and find the Colors panel.
| Setting | What it does | Choices |
|---|---|---|
| Links | Color picker. | – |
| Links on hover | Color picker. | – |
| Current page | Color picker. | – |
| Pill / hover background | Color picker. | – |
| Dropdown background | Color picker. | – |
| Dropdown links | Color picker. | – |
| Dropdown links on hover | Color picker. | – |
| Dropdown hover background | Color picker. | – |
| Mobile menu icon | Color picker. | – |
| Mobile menu background | Color picker. | – |
| Mobile menu links | Color picker. | – |
Questions
Yes. Nav Menu is one of the 62 free blocks of Bright Addons Blocks Library on WordPress.org. Bright Addons Blocks Pro includes it as well.
No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.
No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.
Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.
Yes. Open Entrance animation in the sidebar and pick one of 40 animations with its duration and delay. Visitors who prefer reduced motion see no animation.
Bright Addons Blocks
Blocks Pro adds 99 Pro blocks, Pro effects for every block, Theme Templates and popups to the 62 free blocks.
Yearly and lifetime plans. Use this code at checkout:
14-day money-back guarantee. Ends Monday 30 November at 23:59.
