Menu icon Foundation

My Posts





My Comments

cristian ambaek commented on cristian ambaek's post over 1 year

Solved it for the time being
<div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
<span>
<button class="menu-icon" type="button" data-toggle="example-menu"></button>
</span>
<span>mnrb.dk</span>
</div>
float span right.
Media query to remove .active at 640px

cristian ambaek commented on Joe Windeknecht's post over 1 year

Wouldnt you be able to change this in the foundation.js file?
 
Just thinking out loud.

cristian ambaek commented on David Titherly's post over 1 year

Not sure if this is what you are looking for, but maybe it can be an inspiration to you than.
<div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle="example-menu"></button>
<div class="title-bar-title">Menu</div>
</div>

&lt;nav id="example-menu"&gt;
  &lt;ul id="site-menu" class="medium-horizontal menu" data-responsive-menu="drilldown medium-dropdown"&gt;
    &lt;li class="active"&gt;
      &lt;a href="#"&gt;title&lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href="#"&gt;item 1&lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href="#"&gt;item 2&lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href="#"&gt;item 3&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="has-submenu"&gt;
      &lt;a href="#"&gt;item 4&lt;/a&gt;
      &lt;ul class="submenu menu"&gt;
        &lt;li&gt;
          &lt;a href="#"&gt;item 4.1&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a href="#"&gt;item 4.2&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
&lt;/nav&gt;</code></pre>

cristian ambaek commented on cristian ambaek's post over 2 years

Anyone?

Posts Followed



Following

    No Content

Followers

My Posts

My Comments

You commented on cristian ambaek's post over 1 year

Solved it for the time being
<div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
<span>
<button class="menu-icon" type="button" data-toggle="example-menu"></button>
</span>
<span>mnrb.dk</span>
</div>
float span right.
Media query to remove .active at 640px

You commented on Joe Windeknecht's post over 1 year

Wouldnt you be able to change this in the foundation.js file?
 
Just thinking out loud.

You commented on David Titherly's post over 1 year

Not sure if this is what you are looking for, but maybe it can be an inspiration to you than.
<div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle="example-menu"></button>
<div class="title-bar-title">Menu</div>
</div>

&lt;nav id="example-menu"&gt;
  &lt;ul id="site-menu" class="medium-horizontal menu" data-responsive-menu="drilldown medium-dropdown"&gt;
    &lt;li class="active"&gt;
      &lt;a href="#"&gt;title&lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href="#"&gt;item 1&lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href="#"&gt;item 2&lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href="#"&gt;item 3&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="has-submenu"&gt;
      &lt;a href="#"&gt;item 4&lt;/a&gt;
      &lt;ul class="submenu menu"&gt;
        &lt;li&gt;
          &lt;a href="#"&gt;item 4.1&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a href="#"&gt;item 4.2&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
&lt;/nav&gt;</code></pre>

You commented on cristian ambaek's post over 2 years

Anyone?

Posts Followed

Following

  • No Content

Followers

  • No Content