Menu icon Foundation

Designer | Berlin, Germany

My Posts




  • 1
    Reply
  • Vertical-align row to bottom of page

    By Kaya Tuerkay

    Hi, thank you for reading my post. I do nee a little help. I would like to align a .row to the bottom of a section. Maybe it does not even have to be a row. The three containers that you can see on the image below need to be at the bottom. I cannot use "f... (continued)

    Last Reply by Kaya Tuerkay about 3 years ago


My Comments

Kaya Tuerkay commented on Simon Olsen's post over 1 year

Thank you Simon, this was exactly what I was looking for.

Kaya Tuerkay commented on Kaya Tuerkay's post about 2 years

Hi everybody, I was able to solve the problem. 
I changed the path as you recommended. I think the mayor problem was concatenation all my js files with codekit in to app-min.js. After I added jquery.js, what-input.js and jquery.foundation.js back to the bottom of my page it worked. 
 
Thank you for your help!
 

Kaya Tuerkay commented on Kaya Tuerkay's post about 3 years

Here is the html i have used :

      <!-- Main Menu -->
      <div class="section home row" data-anchor="Menu" >

          <div class="small-4 columns" id="main-nav-ka" data-wow-duration="1s" data-wow-delay="0.4s">
            <h3>IM GEIST<br>WIE<br>GLADIATOREN</h3>
            <!-- Nav Boxen position bottom -->
            <div class="box row">
              <ul class="box-inner">
                <li><h4 class="kapitel serif">KARRIERE</h4><hr></li>
                <li><a href="gelaendesport.html">GEL&Auml;NDESPORT</a></li>
                <li><a href="#">KREIDLER</a></li>
                <li><a href="#">SUZUKI</a></li>
              </ul>
            </div>

          </div>
          <div class="small-4 columns" id="main-nav-rk" data-wow-duration="1s" data-wow-delay="0.6s">
            <h3>ALLES IN<br>EINEM<br>FINGERHUT</h3>
            <!-- Nav Boxen position bottom -->
            <div class="box row">
              <ul class="box-inner">
                <li><h4 class="kapitel serif">RK 67</h4><hr></li>
                <li><a href="#">TECHNIK</a></li>
              </ul>
            </div>

          </div>
          <div class="small-4 columns" id="main-nav-sh" data-wow-duration="1s" data-wow-delay="0.8s">
            <h3>RENNER<br>UND<br>ROMANTIKER</h3>
            <!-- Nav Boxen position bottom -->
            <div class="box row">
              <ul class="box-inner">
                <li><h4 class="kapitel serif">SCHORSCH</h4><hr></li>
                <li><a href="#">LEBEN &amp; FAMILIE</a></li>
                <li><a href="#">BUCH</a></li>
                <li><a href="#">KONTAKT</a></li>
              </ul>
            </div>

          </div>

Kaya Tuerkay commented on Jeremy Englert's post over 3 years

Hi Geoff,

thank you very much. This will help me lot.

Cheers, K.

Kaya Tuerkay commented on Jeremy Englert's post over 3 years

I 've found the solution for my problem wich was not caused using wow.js with motion ui but wow.js with fullpage.js. Eventually fullpage.js doesn't support parallax animation unless you set scrollbar: "true".
With this wow.js triggers the animation as the content enters the viewport.

Kaya Tuerkay commented on Jeremy Englert's post over 3 years

That would be very helpful. I have the same problem and I am not too familiar with .js therefor it would be grate to have a little explanation on what is triggering what and how to use it.

Posts Followed



  • 7
    Replies
  • Motion-UI on Scroll?

    By Jeremy Englert

    motion-ui

    Is it possible to trigger Motion-UI animations/transitions when an element becomes visible on a page? For example, I have an element near the bottom of the page that animates, however, I don't want the animate to trigger until the element is visible. ... (continued)

    Last Reply by Kaya Tuerkay over 3 years ago


Following

    No Content

Followers

My Posts

My Comments

You commented on Simon Olsen's post over 1 year

Thank you Simon, this was exactly what I was looking for.

You commented on Kaya Tuerkay's post about 2 years

Hi everybody, I was able to solve the problem. 
I changed the path as you recommended. I think the mayor problem was concatenation all my js files with codekit in to app-min.js. After I added jquery.js, what-input.js and jquery.foundation.js back to the bottom of my page it worked. 
 
Thank you for your help!
 

You commented on Kaya Tuerkay's post about 3 years

Here is the html i have used :

      <!-- Main Menu -->
      <div class="section home row" data-anchor="Menu" >

          <div class="small-4 columns" id="main-nav-ka" data-wow-duration="1s" data-wow-delay="0.4s">
            <h3>IM GEIST<br>WIE<br>GLADIATOREN</h3>
            <!-- Nav Boxen position bottom -->
            <div class="box row">
              <ul class="box-inner">
                <li><h4 class="kapitel serif">KARRIERE</h4><hr></li>
                <li><a href="gelaendesport.html">GEL&Auml;NDESPORT</a></li>
                <li><a href="#">KREIDLER</a></li>
                <li><a href="#">SUZUKI</a></li>
              </ul>
            </div>

          </div>
          <div class="small-4 columns" id="main-nav-rk" data-wow-duration="1s" data-wow-delay="0.6s">
            <h3>ALLES IN<br>EINEM<br>FINGERHUT</h3>
            <!-- Nav Boxen position bottom -->
            <div class="box row">
              <ul class="box-inner">
                <li><h4 class="kapitel serif">RK 67</h4><hr></li>
                <li><a href="#">TECHNIK</a></li>
              </ul>
            </div>

          </div>
          <div class="small-4 columns" id="main-nav-sh" data-wow-duration="1s" data-wow-delay="0.8s">
            <h3>RENNER<br>UND<br>ROMANTIKER</h3>
            <!-- Nav Boxen position bottom -->
            <div class="box row">
              <ul class="box-inner">
                <li><h4 class="kapitel serif">SCHORSCH</h4><hr></li>
                <li><a href="#">LEBEN &amp; FAMILIE</a></li>
                <li><a href="#">BUCH</a></li>
                <li><a href="#">KONTAKT</a></li>
              </ul>
            </div>

          </div>

You commented on Jeremy Englert's post over 3 years

Hi Geoff,

thank you very much. This will help me lot.

Cheers, K.

You commented on Jeremy Englert's post over 3 years

I 've found the solution for my problem wich was not caused using wow.js with motion ui but wow.js with fullpage.js. Eventually fullpage.js doesn't support parallax animation unless you set scrollbar: "true".
With this wow.js triggers the animation as the content enters the viewport.

You commented on Jeremy Englert's post over 3 years

That would be very helpful. I have the same problem and I am not too familiar with .js therefor it would be grate to have a little explanation on what is triggering what and how to use it.

Posts Followed

Following

  • No Content

Followers

  • No Content