Menu icon Foundation

Developer | Netherlands

I am a Frontend webdeveloper from the Netherlands and i work at a full servive communication agency.

My Posts

  • 1
    Reply
  • Multiple off-canvas

    By Stefan Reimert

    offCanvas multiple

    I have 2 off-canvas trigger on my site with 2 off-canvas menu's. The triggers are in the <aside> tag and they are on top of the overal content. But when i open my offCanvasMenu it opens correctly. What i want to open my offCanvasSearch it needs t... (continued)

    Last Reply by pale khan 5 months ago



  • NEW
  • Foundation 6 Magellan easing

    By Stefan Reimert

    Magellan

    Hello, I am trying to set the ease-in-out on the magellan but i keep getting the easing error.Can anyone help me figure out how i can handle this problem? What i want is that my scrolling goes from slow to faster to slow when it reaches the given elemen... (continued)


  • 2
    Replies
  • Responsive toggler

    By Stefan Reimert

    togglerResponsive

    Hello,   I have a problem that i hope someone can help me with. Below i have some example code.What i need is that the toggler works on a responsive version only.With this i mean that on a medium screen and up you see the h4 and the content. When... (continued)

    Last Reply by Stefan Reimert over 2 years ago




My Comments

Stefan Reimert commented on Stefan Reimert's post over 2 years

@Will thank you very much.
This will work for me.

Stefan Reimert commented on Vocal Son's post almost 3 years

This will go automaticly.

<div class="row">
      <div class="large-4 columns">
      </div>
<div class="large-4 columns">
      </div>
<div class="large-4 columns">
      </div>
</div>

Stefan Reimert commented on Randy John's post almost 3 years

Where are your data attributes to make it sticky?

http://foundation.zurb.com/sites/docs/sticky.html

Stefan Reimert commented on Randy John's post almost 3 years

Nothing happens with the js....

But you can do this with a pixed position in css and then top:0; left:0; width:100%; position:fixed; z-index:50;.

Put a container around your whole site that has a padding-top if you dont want it to go over the content.

Stefan Reimert commented on Baz Nezza's post almost 3 years

Just adjust the size in the setting.scss and adjust or add another

Stefan Reimert commented on Tim Green's post almost 3 years
Stefan Reimert commented on Tim Green's post almost 3 years

If you let js check if you scroll from the top and add a class.
And to the top you remove that class with a nice transition.

Then you can do the rest with css.

Stefan Reimert commented on Joe Brown's post almost 3 years

Just use data-open for a specific id to open
And data close for the container you want to close.

data-open="exampleModal1"

data-close

Stefan Reimert commented on Brett Mason's post almost 3 years

Can you give an example?

Stefan Reimert commented on Randy John's post almost 3 years

So everything is ok now?

The sticky position i would advice to just give it a class fixed and put a container around your site with a padding-top so its always at the correct position.

Posts Followed



  • 4
    Replies
  • Triggler Fade in/out on Scroll

    By Tim Green

    togglerFadescroll

    Hi I'd like to fade in a small logo in the header of my site as the page is scrolled upwards and fade it out when the page is scrolled back again. I can see how to trigger a fade or slide using a button but I can't work out how to do it with a scrol... (continued)

    Last Reply by Tim Green almost 3 years ago



  • 1
    Reply
  • Running equalizer with JS

    By Brett Mason

    Equalizer

    Is it possible to run equalizer on elements without having to use the required markup? I have a row of widgets in WordPress and I can't add the required markup so looked at the docs and I assume it should be possible with no markup. Can anyone give me ... (continued)

    Last Reply by Stefan Reimert almost 3 years ago







Following

    No Content

Followers

My Posts





My Comments

You commented on Stefan Reimert's post over 2 years

@Will thank you very much.
This will work for me.

You commented on Vocal Son's post almost 3 years

This will go automaticly.

<div class="row">
      <div class="large-4 columns">
      </div>
<div class="large-4 columns">
      </div>
<div class="large-4 columns">
      </div>
</div>

You commented on Randy John's post almost 3 years

Where are your data attributes to make it sticky?

http://foundation.zurb.com/sites/docs/sticky.html

You commented on Randy John's post almost 3 years

Nothing happens with the js....

But you can do this with a pixed position in css and then top:0; left:0; width:100%; position:fixed; z-index:50;.

Put a container around your whole site that has a padding-top if you dont want it to go over the content.

You commented on Baz Nezza's post almost 3 years

Just adjust the size in the setting.scss and adjust or add another

You commented on Tim Green's post almost 3 years
You commented on Tim Green's post almost 3 years

If you let js check if you scroll from the top and add a class.
And to the top you remove that class with a nice transition.

Then you can do the rest with css.

You commented on Joe Brown's post almost 3 years

Just use data-open for a specific id to open
And data close for the container you want to close.

data-open="exampleModal1"

data-close

You commented on Brett Mason's post almost 3 years

Can you give an example?

You commented on Randy John's post almost 3 years

So everything is ok now?

The sticky position i would advice to just give it a class fixed and put a container around your site with a padding-top so its always at the correct position.

Posts Followed

Following

  • No Content

Followers

  • No Content