Menu icon Foundation

Designer | Cartagena, Colombia

My Posts


My Comments

Juan Oliver commented on Juan Oliver's post about 1 year

Solved.
In the /data/file.yml
name_page:
-
"property": "og:url"
"content": "Something"
-
"property": "og:type"
"content": "Something"
-
"property": "og:title"
"content": "Something"
-
"property": "og:description"
"content": "Something"
-
"property": "og:image"
"content": "Something"
In the /layouts/index.html
<!--Meta Open Graph-->
{{#ifpage "5_metodos_de_recopilacion_de_informacion"}}
{{#each meta.metodos}}
<meta property="{{property}}" content="{{content}}">
{{/each}}
{{/ifpage}}
 

Juan Oliver commented on Chester Friesen's post about 2 years

Try something this:
 
Check out this Pen!

Juan Oliver commented on Max Darque's post about 2 years

Try something this
 
<nav data-sticky-container="data-sticky-container">
  <div class="contain-to-grid" data-sticky="data-sticky" data-margin-top="0" data-sticky-on="small" style="width:100%">
    <div class="title-bar" data-responsive-toggle="main-menu">
      <button class="menu-icon" data-toggle="main-menu"></button>
      <div class="title-bar-title">Menu</div>
    </div>
    <div class="top-bar" id="main-menu" data-sticky="data-sticky" data-margin-top="0">
      <div class="top-bar-left show-for-medium">
        <ul class="menu"><a class="sitio" href="/"><img src="../img/LogoBlanco80x80.png"/></a></ul>
      </div>
      <div class="top-bar-right">
        <ul class="menu vertical medium-horizontal expanded">
          <li><a class="fi-home space" href="/">Inicio</a></li>
          <li><a class="icon-service space" href="#">Servicios</a></li>
          <li><a class="icon-shop space" href="#">Tienda</a></li>
          <li><a class="icon-blog space" href="#" target="_black">Blog</a></li>
          <li><a class="fi-torsos space" href="#">Nosotros</a></li>
          <li><a class="icon-envelope-o space last" href="#">Contacto</a></li>
        </ul>
      </div>
    </div>
  </div>
</nav>

Juan Oliver commented on Brigitte Loosen's post about 2 years

Try this:
 
<nav data-sticky-container="data-sticky-container">
  <div class="contain-to-grid" data-sticky="data-sticky" data-margin-top="0" data-sticky-on="small" style="width:100%">
    <div class="title-bar" data-responsive-toggle="main-menu">
      <button class="menu-icon" data-toggle="main-menu"></button>
      <div class="title-bar-title">Menu</div>
    </div>
    <div class="top-bar" id="main-menu" data-sticky="data-sticky" data-margin-top="0">
      <div class="top-bar-left show-for-medium">
        <ul class="menu"><a class="sitio" href="/"><img src="../img/LogoBlanco80x80.png"/></a></ul>
      </div>
      <div class="top-bar-right">
        <ul class="menu vertical medium-horizontal expanded">
          <li><a class="fi-home space" href="/">Inicio</a></li>
          <li><a class="icon-service space" href="#">Servicios</a></li>
          <li><a class="icon-shop space" href="#">Tienda</a></li>
          <li><a class="icon-blog space" href="#" target="_black">Blog</a></li>
          <li><a class="fi-torsos space" href="#">Nosotros</a></li>
          <li><a class="icon-envelope-o space last" href="#">Contacto</a></li>
        </ul>
      </div>
    </div>
  </div>
</nav>

Juan Oliver commented on Joaquin's post about 2 years

Hola. Ya revisaste que se está usando JQuery correctamente? A mi me pasó que el CDN que trajo la versión 6.4.1 no me funcionaba, lo descargué y las cosas me comenzaron a funcionar. El problema que tenía era con los menú, pero puede que aplique para tu problema también.

Posts Followed





Following

Followers

My Posts

My Comments

You commented on Juan Oliver's post about 1 year

Solved.
In the /data/file.yml
name_page:
-
"property": "og:url"
"content": "Something"
-
"property": "og:type"
"content": "Something"
-
"property": "og:title"
"content": "Something"
-
"property": "og:description"
"content": "Something"
-
"property": "og:image"
"content": "Something"
In the /layouts/index.html
<!--Meta Open Graph-->
{{#ifpage "5_metodos_de_recopilacion_de_informacion"}}
{{#each meta.metodos}}
<meta property="{{property}}" content="{{content}}">
{{/each}}
{{/ifpage}}
 

You commented on Chester Friesen's post about 2 years

Try something this:
 
Check out this Pen!

You commented on Max Darque's post about 2 years

Try something this
 
<nav data-sticky-container="data-sticky-container">
  <div class="contain-to-grid" data-sticky="data-sticky" data-margin-top="0" data-sticky-on="small" style="width:100%">
    <div class="title-bar" data-responsive-toggle="main-menu">
      <button class="menu-icon" data-toggle="main-menu"></button>
      <div class="title-bar-title">Menu</div>
    </div>
    <div class="top-bar" id="main-menu" data-sticky="data-sticky" data-margin-top="0">
      <div class="top-bar-left show-for-medium">
        <ul class="menu"><a class="sitio" href="/"><img src="../img/LogoBlanco80x80.png"/></a></ul>
      </div>
      <div class="top-bar-right">
        <ul class="menu vertical medium-horizontal expanded">
          <li><a class="fi-home space" href="/">Inicio</a></li>
          <li><a class="icon-service space" href="#">Servicios</a></li>
          <li><a class="icon-shop space" href="#">Tienda</a></li>
          <li><a class="icon-blog space" href="#" target="_black">Blog</a></li>
          <li><a class="fi-torsos space" href="#">Nosotros</a></li>
          <li><a class="icon-envelope-o space last" href="#">Contacto</a></li>
        </ul>
      </div>
    </div>
  </div>
</nav>

You commented on Brigitte Loosen's post about 2 years

Try this:
 
<nav data-sticky-container="data-sticky-container">
  <div class="contain-to-grid" data-sticky="data-sticky" data-margin-top="0" data-sticky-on="small" style="width:100%">
    <div class="title-bar" data-responsive-toggle="main-menu">
      <button class="menu-icon" data-toggle="main-menu"></button>
      <div class="title-bar-title">Menu</div>
    </div>
    <div class="top-bar" id="main-menu" data-sticky="data-sticky" data-margin-top="0">
      <div class="top-bar-left show-for-medium">
        <ul class="menu"><a class="sitio" href="/"><img src="../img/LogoBlanco80x80.png"/></a></ul>
      </div>
      <div class="top-bar-right">
        <ul class="menu vertical medium-horizontal expanded">
          <li><a class="fi-home space" href="/">Inicio</a></li>
          <li><a class="icon-service space" href="#">Servicios</a></li>
          <li><a class="icon-shop space" href="#">Tienda</a></li>
          <li><a class="icon-blog space" href="#" target="_black">Blog</a></li>
          <li><a class="fi-torsos space" href="#">Nosotros</a></li>
          <li><a class="icon-envelope-o space last" href="#">Contacto</a></li>
        </ul>
      </div>
    </div>
  </div>
</nav>

You commented on Joaquin's post about 2 years

Hola. Ya revisaste que se está usando JQuery correctamente? A mi me pasó que el CDN que trajo la versión 6.4.1 no me funcionaba, lo descargué y las cosas me comenzaron a funcionar. El problema que tenía era con los menú, pero puede que aplique para tu problema también.

Posts Followed

Following

Followers

  • No Content