main 1
main 2
sub 1 sub 2 sub 3
main 3 main 4 main 5
main 6
sub 4 sub 5 sub 6

This is the default on sticky navbar that you will get initially. However every thing is customizable by using custom classes of the framework. check the basic section to learn about them.
You can even write your own css if you want, doing so will overwrite prefixed classes without any problems. Enjoy 😊.

Full code:


            

                <div class="nav">

                    <p class="txtLogo">TcSS</p>
            
                    <form class="searchBar" action="">
            
                        <input class="searchField" type="text">
                        <button class="searchBtn" type="input"><i class="fas fa-search"></i></button>
            
                    </form>
            
                    <div class="mainLinks">
            
                        <a class="mainLink" href="">main 1</a>
            
                        <div class="dropDown">
                            <a class="mainLink" href="">main 2</a>
                            <div class="subLinks">
                                <a class="subLink" href="#">sub 1</a>
                                <a class="subLink" href="#">sub 2</a>
                                <a class="subLink" href="#">sub 3</a>
                                </div>
                        </div> 
            
                        <a class="mainLink" href="">main 3</a>
                        <a class="mainLink" href="">main 4</a>
                        <a class="mainLink" href="">main 5</a>
            
                        <div class="dropDown">
                            <a class="mainLink" href="">main 6</a>
                            <div class="subLinks">
                                <a class="subLink" href="#">sub 4</a>
                                <a class="subLink" href="#">sub 5</a>
                                <a class="subLink" href="#">sub 6</a>
                            </div>
                        </div> 
            
                        <a class="hamburger" href=""><i class="fas fa-bars"></i></a>
            
                    </div>
            
                </div>