Nav Menu Delta
overview
A dynamic menu that automatically turns the last child link into a CTA button.

Available for:

Figma
Bricks

Gutenberg
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
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.