New

9 buttons. Ready to use.

Main categories

Hero

Cards

Pricing

Header

Features

Testimonial

CTA

Buttons

New

About

Contact

Megamenu

Roadmap

Ready to enhance your Bricks Builder experience?

Access our complete library of professional components.

Explore all categoriesQuick Started

Ready to enhance your Bricks Builder experience?

Add premium elements that enhance user experience.

Quick Started
SureCart components

Product pages

High quality product templates

SureSwitch

Dynamic price toggle with flexible payment options

SureProtect

Elegant content protection for premium membership areas

Ready to enhance your Bricks Builder experience?

Take advantage of these extraordinary features to enrich your customers' websites.

Explore all

Pricing

Simple, transparent pricing plans

Limited LTD

About me

Learn about Bricksfusion

ChangeLog

Latest updates and improvements

Roadmap

Find out what's coming to Bricksfusion

Contact

Get in touch with us

Community

Join our facebook community

Quick Started

Discover how easy Bricksfusion is

Download Core Framework Stylesheet

Makes templates look exactly as designed

Ready to enhance your Bricks Builder experience?

Unlock Bricksfusion. Make today your launch day.

Get Started
Dynamic Menu Island Configurator - BricksFusion
data-menu-island

Dynamic Menu Island

Interactive navigation menu for Bricks Builder

How to Use & Code Information
▼
  1. Customize your dynamic menu island using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element
  4. Paste the JavaScript code
  5. To add the menu to any section: go to Section → Style → Attributes, add data-menu-island as attribute name (leave value empty)
  6. Optional: Enable "Relative to Container" to position the island within a specific container instead of the viewport
Position & Layout
Position
Edge Margin ℹ
20px
Menu Layout
Button Text
Relative to Container ℹ
Appearance
Island Background
HEX
HSL
Text Color
HEX
HSL
Background Opacity ℹ
0.8
Blur Strength ℹ
10px
Global Icon Settings
Default Icon Position
Default Icon Size ℹ
24px
Default Icon Spacing ℹ
8px
Menu Items
Animation Settings
Animation Duration ℹ
0.3s
Animation Easing
Close on Outside Click

Select Icon