Nav Menu Delta

overview

A dynamic menu that automatically turns the last child link into a CTA button.

Available for:

Figma

Bricks

Gutenberg

Buy Frames

Back to library

Variables

This frame uses the following locally scoped variables to make it easier for you to edit the style or behavior of this frame. Variables can be viewed or edited from the CSS tab.

--button-color

--button-color-hover

--button-text

--button-text-hover

--link-gap

Related Frames

Header Delta

Related Components

No related components.

FAQs

Can the links be right aligned with the button?
Absolutely! Select .fr-brx-nav-delta and open the CSS tab.

Find the comment: /* Center Navigation */

Replace this:
```
root .bricks-nav-menu > li:first-child,
root .bricks-nav-menu > li:last-child {
   margin-left: auto;
}
```
With this:
```
root .bricks-nav-menu > li:first-child {
margin-left: auto;
}
```

Use the related frames section above to check FAQs for other frames related to this frame if you don't see your question here.