Menu icon Foundation
Dropdown menu without the alignment

Hi,

 

I have successfully disable left aligment but not sure how to do it for top? Any ideas? 

Hi,

 

I have successfully disable left aligment but not sure how to do it for top? Any ideas? 

<div class="dropdown-push" id="mega-dropdown" data-dropdown data-alignment="false">

                            <div class="wrap">
<div class="dropdown-push" id="mega-dropdown" data-dropdown data-alignment="false">
                            <div class="wrap">
                                <div class="grid-container">
                                    <ul>
                                        <li class="heading">
                                            <a href="#">Suncity Deals</a>
                                        </li>
                                        <li class="search">Search for products...</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

dropdown

Hi,

 

I have successfully disable left aligment but not sure how to do it for top? Any ideas? 

Hi,

 

I have successfully disable left aligment but not sure how to do it for top? Any ideas? 

<div class="dropdown-push" id="mega-dropdown" data-dropdown data-alignment="false">

                            <div class="wrap">
<div class="dropdown-push" id="mega-dropdown" data-dropdown data-alignment="false">
                            <div class="wrap">
                                <div class="grid-container">
                                    <ul>
                                        <li class="heading">
                                            <a href="#">Suncity Deals</a>
                                        </li>
                                        <li class="search">Search for products...</li>
                                    </ul>
                                </div>
                            </div>
                        </div>