Nav Menu Delta

overview

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

Nav Menu Delta
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

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.