Menu icon Foundation

My Posts

No Content

My Comments

Ricardo commented on Mega Bytes's post over 3 years

How would we get this fixed on Foundation 6.2.0? I am not being lucky to get it sorted
 
Code:
<ul class="top-menu border-bottom f-12">
<li><a href="#" class="dark-gold" data-toggle="drop-top-1">BRIDAL</a></li>
<li><a href="/visit.html" class="dark-gold">VISIT</a></li>
<li><a href="/contact.html" class="dark-gold">CONTACT</a></li>
<li><a href="#" class="dark-gold" data-toggle="drop-top-2">ABOUT US</a></li>
<li><a href="#" class="dark-gold">FAVORITES</a></li>
<li><a href="#" class="dark-gold" data-toggle="drop-top-3">MY ACCOUNT <i class="fa fa-user"></i></a></li>
</ul>
<div class="row">
<div class="large-4 columns">
<div class="dropdown-pane border-all f-12" id="drop-top-1" data-dropdown-width="100px" data-dropdown data-hover="true" data-hover-pane="true" data-v-offset="14">
<ul class="vertical menu">
<li><a href="/wedding-gifts" class=" ">WEDDING GIFTS</a></li>
<li><a href="/request_registry.html" class=" ">FIND A REGISTRY</a></li>
<li><a href="/make_an_appointment.html" class=" ">MAKE AN APPOINTMENT</a></li>
<li><a href="/upcoming-bridal-shows/Bradshaws_Gift_Registry_Services" class=" ">BRIDAL EVENTS</a></li>

                        &lt;/ul&gt;

                        &lt;div class="row small-up-1 medium-up-2 large-up-4"&gt;

                &lt;div class="columns"&gt;
                    &lt;div class="callout"&gt;&lt;img src="images/gordon_maze_16pcset_blue_new_150px.jpg" alt=""/&gt;&lt;/div&gt;
                &lt;/div&gt;

            &lt;/div&gt;

                &lt;/div&gt;
                &lt;div class="dropdown-pane border-all f-12" id="drop-top-2" data-dropdown-width="100px" data-dropdown data-hover="true" data-hover-pane="true" data-v-offset="14"&gt;
                    &lt;ul class="vertical menu"&gt;
                        &lt;li&gt;&lt;a href="/history.html" class=" "&gt;HISTORY&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="/press.html" class=" "&gt;PRESS&lt;/a&gt;&lt;/li
                        &lt;/ul&gt;
                &lt;/div&gt;
                &lt;div class="dropdown-pane bottom border-all f-12" id="drop-top-3" data-dropdown-width="100px" data-position-class="bottom" data-dropdown data-hover="true" data-hover-pane="true" data-v-offset="14"&gt;
                    &lt;ul class="vertical menu"&gt;

    &lt;li&gt;&lt;a href="/user-system/order-history.htm"&gt;Orders&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="/user-system/wish-list.htm"&gt;Wish List&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="/returns"&gt;Returns&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="/user-system/account-settings.htm"&gt;Account Settings&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;{module_logout}&lt;/li&gt;

                        &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;</code></pre>

Posts Followed


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Mega Bytes's post over 3 years

How would we get this fixed on Foundation 6.2.0? I am not being lucky to get it sorted
 
Code:
<ul class="top-menu border-bottom f-12">
<li><a href="#" class="dark-gold" data-toggle="drop-top-1">BRIDAL</a></li>
<li><a href="/visit.html" class="dark-gold">VISIT</a></li>
<li><a href="/contact.html" class="dark-gold">CONTACT</a></li>
<li><a href="#" class="dark-gold" data-toggle="drop-top-2">ABOUT US</a></li>
<li><a href="#" class="dark-gold">FAVORITES</a></li>
<li><a href="#" class="dark-gold" data-toggle="drop-top-3">MY ACCOUNT <i class="fa fa-user"></i></a></li>
</ul>
<div class="row">
<div class="large-4 columns">
<div class="dropdown-pane border-all f-12" id="drop-top-1" data-dropdown-width="100px" data-dropdown data-hover="true" data-hover-pane="true" data-v-offset="14">
<ul class="vertical menu">
<li><a href="/wedding-gifts" class=" ">WEDDING GIFTS</a></li>
<li><a href="/request_registry.html" class=" ">FIND A REGISTRY</a></li>
<li><a href="/make_an_appointment.html" class=" ">MAKE AN APPOINTMENT</a></li>
<li><a href="/upcoming-bridal-shows/Bradshaws_Gift_Registry_Services" class=" ">BRIDAL EVENTS</a></li>

                        &lt;/ul&gt;

                        &lt;div class="row small-up-1 medium-up-2 large-up-4"&gt;

                &lt;div class="columns"&gt;
                    &lt;div class="callout"&gt;&lt;img src="images/gordon_maze_16pcset_blue_new_150px.jpg" alt=""/&gt;&lt;/div&gt;
                &lt;/div&gt;

            &lt;/div&gt;

                &lt;/div&gt;
                &lt;div class="dropdown-pane border-all f-12" id="drop-top-2" data-dropdown-width="100px" data-dropdown data-hover="true" data-hover-pane="true" data-v-offset="14"&gt;
                    &lt;ul class="vertical menu"&gt;
                        &lt;li&gt;&lt;a href="/history.html" class=" "&gt;HISTORY&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="/press.html" class=" "&gt;PRESS&lt;/a&gt;&lt;/li
                        &lt;/ul&gt;
                &lt;/div&gt;
                &lt;div class="dropdown-pane bottom border-all f-12" id="drop-top-3" data-dropdown-width="100px" data-position-class="bottom" data-dropdown data-hover="true" data-hover-pane="true" data-v-offset="14"&gt;
                    &lt;ul class="vertical menu"&gt;

    &lt;li&gt;&lt;a href="/user-system/order-history.htm"&gt;Orders&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="/user-system/wish-list.htm"&gt;Wish List&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="/returns"&gt;Returns&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="/user-system/account-settings.htm"&gt;Account Settings&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;{module_logout}&lt;/li&gt;

                        &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;</code></pre>

Posts Followed


Following

  • No Content

Followers

  • No Content