Open Nav
Stripe--1Stripe--2Stripe--3
Stripe--1

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Stripe--2

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Stripe--3

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Heading

Lorem Ipsum

Brickscore / Elements / 
Stripe megaMenu

Stripe megaMenu

Menu element

Documentation

Stripe megaMenu is a nestable element that contains a Core Burguer, a Nav with Nav Items and a Dropdown List with Dropdowns. First Dropdown matches first Nav Item, Second Dropdown matches second Nav Item and so on. You can place the content you want at the Dropdowns as it is also a nestable element. To add dropdowns you can duplicate them or add them at Dropdown List settings. Each Dropdown also contains a Mobile Nav Item that replicates the Nav Item on mobile, you can delete them and use the text elements you prefer as new Mobile Nav Items.
Stripe megaMenu settings are located at Stripe megaMenu root element.

Arrow

Enable Arrow

Enable by default. If so, you can also customize arrow´s size and color.

Dropdown

Styling

You are able to customize the general padding, background, border and shadow styles of the dropdowns.

Top distance

Determines the distance of the dropdowns regarding Nav. 60px by default.

From translation

Determines the distance traveled by the dropdowns on entrance. 20px by default.

From duration

Determines animation duration of the distance traveled by the dropdowns. 0.3s by default.

Stripe

Stripe path

Determines the stripe intensity. 100px by default.

Stripe duration

Determines the stripe path duration. 0.3s by default.

Opacity duration

Determines the fade animation duration alongside stripe path animation. 0.3s by default.

Responsive

Enable Mobile Menu

Disable by default. If enable, you will be able to select a breakpoint to display Core Burguer and hide Dropdown List (Nav won´t be displayed at mobile, that is why Mobile Nav Item heading exists at each Dropdown).

Introduction
Text elementsButton elementsMenu elementsCore elementsFeatures
Need assistance?
*Please feel free to reach us and we will kindly instruct you on the behaviour of any element. You can also reach our community group or take a look at our tutorials.
Don´t miss anything. Join us & build betterJoin Brickscore Community Updates

No spam. Only Brickscore news and showcases

Brickscore 
© 2024 Brickscore. All rights reserved.