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

Available for:

Figma
Bricks

Gutenberg
Overview
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
Edit the CTA button background color.
--button-color-hover
Edit the CTA button background hover color.
--button-text
Edit the CTA button text color.
--button-text-hover
Edit the CTA button text hover color.
--link-gap
Edit the spacing between links.
HTML5 Tags & Attributes
Accessibility Notes
No additional accessibility notes for this frame.
Related Frames
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.