Megamenu inside megamenu

Bootstrap Studio Help
1

Hi, is it possible to call megamenu from within a megamenu.

<li class="nav-item dropdown position-static">
    <a id="navbarDropdown101" class="nav-link dropdown-toggle" aria-expanded="false" aria-haspopup="true" data-bs-toggle="dropdown" href="#" role="button">Mega Menu101</a>
    <div class="dropdown-menu mega-menu" aria-labelledby="navbarDropdown101" style="width: 261.469px;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <ul>
                        <li class="nav-item dropdown position-static">
                            <a id="navbarDropdown101a" class="nav-link dropdown-toggle text-truncate list-group-item" aria-expanded="false" aria-haspopup="true" data-bs-toggle="dropdown" href="#" role="button">Components &amp; Peripherals</a>
                            <div class="dropdown-menu mega-menu" aria-labelledby="navbarDropdown101a" style="width: 261.469px;">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <h5>Heading of second megamenu, content</h5>
                                            // more content. 

                                        </div>
                                    </div>
                                </div>
                            </div>     
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</li>
2

I cannot understand this post. Your links don’t work, and I’m not sure what that HTML is supposed to be. Can you show us a live example of what it is you’re trying to do?

3

thanks for respoding
Im trying to create a megamenu and from withing the main megamenu call a second megamenu.
Will it be possible. Was looking for sample code. The code above was my attempt.

4

You don’t need to use any code. You can create a megamenu using ordinary Components. Here’s an example…

https://thelightwavegroup.com/mega/

5

Ok, let me explain it using your megamenu
if you select and click on Menu one / First Item it must open a second megamenu
I’m going to use it in an ecommerce site, first they must select the category and then the subcategories will be displayed.

6

I’ve shared my megamenu component in the Online library, so you can play around with it. You should be able to do what you want by replacing the Nav Items (First Item, Second Item, Third Item) with Dropdowns.

Search for Ultimate Megamenu Navbar

All my shared components start with “Ultimate” so you can see every component I’ve made by searching for “Ultimate”.

7

thanks, that’s an option. Was looking at your Ultimate Sidebar Menu, was thinking to put the 13 main categories in that one and then when they click on the category it must open a megamenu with all the subcategories in it. Do you have something in regards of that?

8

I don’t. But you’re free to modify my components as you desire.

1 Like
9

Thank you for your input