Menu icon Foundation

My Posts

No Content

My Comments

Maria Garcia commented on José Eduardo Biasioli's post almost 4 years

Olá José Eduardo,

Eu estava tentando achar soluções para as minhas dúvidas no fórum e acabei achando o seu post.
Vi que você é brasileiro também e resolvi reply aqui.

Eu sou muitooo iniciante e estou tentando achar respostas para as minhas dúvidas em todo lugar mas esta difícil, ainda mais agora com o novo foundation 6.

Eu estava tentando fazer meu menu funcionar e adicionando por exemplo style="width: 120px;", resolveu o meu problema. Acredito que o espaço não era suficiente para o texto + icon. Não sei bem se esse é o seu problema..ou se isso seria a solução correta. Estou tentando aqui .. hehe.

 <div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
  <button class="menu-icon" type="button" data-toggle></button>
  <div class="title-bar-title">Menu</div>
</div>

<div class="top-bar" id="example-menu">
  <div class="top-bar-left">
    <ul class="menu" data-responsive-menu="drilldown medium-dropdown">
  <li class="has-submenu" style="width: 100px;">
    <a href="#">Item 1</a>
    <ul class="submenu menu" data-submenu id="m2">
      <li class="has-submenu" style="width: 120px;">
        <a href="#">Item 1A</a>
        <ul class="submenu menu" data-submenu id="m3">
          <li><a href="#">Item 1A</a></li>
          <li><a href="#">Item 1B</a></li>
          <li><a href="#">Item 1C</a></li>
          <li><a href="#">Item 1D</a></li>
          <li><a href="#">Item 1E</a></li>
        </ul>
      </li>
      <li><a href="#">Item 1B</a></li>
    </ul>
  </li>
  <li class="has-submenu" style="width: 100px;">
    <a href="#">Item 2</a>
    <ul class="vertical submenu menu" data-submenu>
      <li><a href="#">Item 2A</a></li>
      <li><a href="#">Item 2B</a></li>
    </ul>
  </li>
  <li class="has-submenu" style="width: 100px;">
    <a href="#">Item 3</a>
    <ul class="vertical submenu menu" data-submenu>
      <li><a href="#">Item 3A</a></li>
      <li><a href="#">Item 3B</a></li>
    </ul>
  </li>
</ul>
  </div>
</div>   

Posts Followed


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on José Eduardo Biasioli's post almost 4 years

Olá José Eduardo,

Eu estava tentando achar soluções para as minhas dúvidas no fórum e acabei achando o seu post.
Vi que você é brasileiro também e resolvi reply aqui.

Eu sou muitooo iniciante e estou tentando achar respostas para as minhas dúvidas em todo lugar mas esta difícil, ainda mais agora com o novo foundation 6.

Eu estava tentando fazer meu menu funcionar e adicionando por exemplo style="width: 120px;", resolveu o meu problema. Acredito que o espaço não era suficiente para o texto + icon. Não sei bem se esse é o seu problema..ou se isso seria a solução correta. Estou tentando aqui .. hehe.

 <div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
  <button class="menu-icon" type="button" data-toggle></button>
  <div class="title-bar-title">Menu</div>
</div>

<div class="top-bar" id="example-menu">
  <div class="top-bar-left">
    <ul class="menu" data-responsive-menu="drilldown medium-dropdown">
  <li class="has-submenu" style="width: 100px;">
    <a href="#">Item 1</a>
    <ul class="submenu menu" data-submenu id="m2">
      <li class="has-submenu" style="width: 120px;">
        <a href="#">Item 1A</a>
        <ul class="submenu menu" data-submenu id="m3">
          <li><a href="#">Item 1A</a></li>
          <li><a href="#">Item 1B</a></li>
          <li><a href="#">Item 1C</a></li>
          <li><a href="#">Item 1D</a></li>
          <li><a href="#">Item 1E</a></li>
        </ul>
      </li>
      <li><a href="#">Item 1B</a></li>
    </ul>
  </li>
  <li class="has-submenu" style="width: 100px;">
    <a href="#">Item 2</a>
    <ul class="vertical submenu menu" data-submenu>
      <li><a href="#">Item 2A</a></li>
      <li><a href="#">Item 2B</a></li>
    </ul>
  </li>
  <li class="has-submenu" style="width: 100px;">
    <a href="#">Item 3</a>
    <ul class="vertical submenu menu" data-submenu>
      <li><a href="#">Item 3A</a></li>
      <li><a href="#">Item 3B</a></li>
    </ul>
  </li>
</ul>
  </div>
</div>   

Posts Followed

Following

  • No Content

Followers

  • No Content