Menu icon Foundation
Toggle Dropdown

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="grid-container">

                                    <ul>

                                        <li class="heading">

                                            <a href="#">Suncity Deals</a>

                                        </li>

                                        <li class="search">Search for products...</li>

                                    </ul>

                                </div>

                            </div>

dropdown

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="grid-container">

                                    <ul>

                                        <li class="heading">

                                            <a href="#">Suncity Deals</a>

                                        </li>

                                        <li class="search">Search for products...</li>

                                    </ul>

                                </div>

                            </div>