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

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

No related HTML5 elements.

Accessibility Notes

No additional accessibility notes for this frame.

Related Frames

Header Delta

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.