Menu icon Foundation
  • 20 POSTS

  • Create Post
Show Filters

Search results for: Sticky


    Hi Guys, Is there a sticky header available on Zurb Foundation? I'm trying to do a sticky header/menu. Thanks Eric

    sticky header


    • 6new
      Replies
    • Sticky Nav

      By Shawn Jones, last Reply by Rafi almost 4 years ago

      I am trying to get sticky navigation working. It is working, but the contain-to-grid is not. The nav becomes fixed, but it repositions to the upper left corner. I am sure it is getting overridden by something, but can't find it. Can anyone see my issue... (continued)

      sticky


    I am trying to get sticky navigation working. It is working, but the contain-to-grid is not. The nav becomes fixed, but it repositions to the upper left corner. I am sure it is getting overridden by something, but can't find it. Can anyone see my issue... (continued)

    sticky


    • 4new
      Replies
    • Sticky component

      By John Snow, last Reply by Petr over 3 years ago

      Hi, I would like to know if anyone is having the same issue. I am not able to make the Sticky component work. I have tried it on various components around the website and the elements get anchored to the top of the browser window. I have also trie... (continued)

      stickyF6


    Hi, I would like to know if anyone is having the same issue. I am not able to make the Sticky component work. I have tried it on various components around the website and the elements get anchored to the top of the browser window. I have also trie... (continued)

    stickyF6


    • 11new
      Replies
    • Sticky Footer

      By Charles Smith, last Reply by Douglas almost 4 years ago

      I have been looking around and around for an answer to this; I've found many forums where others are asking, but no real straight forward solution. Is there a class or JS that will create the sticky footer like on the Foundation website that works seamle... (continued)


    I have been looking around and around for an answer to this; I've found many forums where others are asking, but no real straight forward solution. Is there a class or JS that will create the sticky footer like on the Foundation website that works seamle... (continued)


    • NEW
    • Sticky menu

      By Chipster about 1 year ago

        Hello I have some problems to have a sticky menu. My code works on codepen but not on my computer. On it, i load precompiled sass and js since i am not load all the foundation's lib. The menu don't stick on top and i seach what i missed   ... (continued)

      sticky menu


      Hello I have some problems to have a sticky menu. My code works on codepen but not on my computer. On it, i load precompiled sass and js since i am not load all the foundation's lib. The menu don't stick on top and i seach what i missed   ... (continued)

    sticky menu



    I cannot get my nav to stick to the top nor can I change the bar to green. I've tried adding classes and IDs to get the green and nothing will work. One will just create a green border but not the whole box.   <div data-sticky-container> &nb... (continued)

    Sticky navFoundations 6idclass



    In Foundation 6, I have added a responsive toggle to the top of my page for mobile devices, as described at http://foundation.zurb.com/sites/docs/responsive-navigation.html. Here's my code:

    css top-bar sticky foundation6


    • NEW
    • Sticky Nav not staying sticky...

      By sanlorena over 2 years ago

      My sticky nav is not working... here is the code:   <div class="row" data-sticky-container>     <div class="top-bar" data-sticky>       <div class="top-bar-left">          <ul... (continued)

      Sticky nav


    My sticky nav is not working... here is the code:   <div class="row" data-sticky-container>     <div class="top-bar" data-sticky>       <div class="top-bar-left">          <ul... (continued)

    Sticky nav



    Hello. I am using the sticky nav to make my nav sticky. Logical so far.. It's working fine except on mobile, where the sticky just isn't working. I'm thinking maybe it's on purpose ? But i'd like to have the navigation sticky anyway. It just makes more s... (continued)

    FoundationSticky navstickypluginjavascript



    Is there a way to intercept the "sticky" event in the top bar? That is, I wish the "title-area" become visible only when the top-bar gets fixed, but I don't know how to catch this event.

    topbarstickynavnavigation


    • 3new
      Replies
    • Sticky top bar width

      By Prr, last Reply by James over 5 years ago

      Hi all, i'm trying to customize the width of a sticky top bar. My goal is to have it integrated in a centered content block (see here: http://i.imgur.com/991gfj8.png), and to remain inside it when the user scrolls past it. However at this point it cur... (continued)

      topbarwidthstickycontain to grid


    Hi all, i'm trying to customize the width of a sticky top bar. My goal is to have it integrated in a centered content block (see here: http://i.imgur.com/991gfj8.png), and to remain inside it when the user scrolls past it. However at this point it cur... (continued)

    topbarwidthstickycontain to grid



    Hey I have a sticky topbar for the menu but i want to have magellan as sub menu, but when scroll down or use magellan link, the Megellan bar disappears behind the sticky topbar menu, Is there anything i can do , to put it below the stick topbar m... (continued)

    megellan and sticky topbar


    • 2new
      Replies
    • .sticky / already scrolled page

      By Sam Smith, last Reply by Sam over 4 years ago

      I'm using the "sticky" class on my top-bar, so I can apply styling depending on whether the page is scrolled (using the "fixed" classes). However, if I refresh an already scrolled page, the "fixed" classes do not get applied. Looking at the examples in th... (continued)

      stickyfixedscroll


    I'm using the "sticky" class on my top-bar, so I can apply styling depending on whether the page is scrolled (using the "fixed" classes). However, if I refresh an already scrolled page, the "fixed" classes do not get applied. Looking at the examples in th... (continued)

    stickyfixedscroll


    • 1new
      Reply
    • Sticky Div Row?

      By Christian Solorzano, last Reply by Adam almost 5 years ago

      Is there a way to make a div sticky? I was creating a top-bar navigation but it wasn't doing what I want it to do. Instead I'm creating two rows, one row for my logo and the other row for the actual links. I'm thinking about placing them inside of the

      Sticky nav


    Is there a way to make a div sticky? I was creating a top-bar navigation but it wasn't doing what I want it to do. Instead I'm creating two rows, one row for my logo and the other row for the actual links. I'm thinking about placing them inside of the

    Sticky nav


    • 1new
      Reply
    • Sticky Off-Canvas

      By Prem Mariappan, last Reply by Lyn almost 5 years ago

      Hi, Is there a proper way to implement a 'sticky' off-canvas with Foundation 5.3? I've tried the various workarounds (eg. (https://groups.google.com/forum/#!topic/foundation-framework-/du1SXOeI_Yo), to varying degrees of success. Has anyone succe... (continued)

      offcanvas


    Hi, Is there a proper way to implement a 'sticky' off-canvas with Foundation 5.3? I've tried the various workarounds (eg. (https://groups.google.com/forum/#!topic/foundation-framework-/du1SXOeI_Yo), to varying degrees of success. Has anyone succe... (continued)

    offcanvas


    • 1new
      Reply
    • Sticky Header Effect

      By Richard Steele, last Reply by Stefan over 4 years ago

      How can this header effect be done in Foundation? http://riotdesign.eu/en/portfolio/via-masini-80/ When one scrolls the page, the header moves to the top, becomes smaller and is sticky. Thanks!

      header


    How can this header effect be done in Foundation? http://riotdesign.eu/en/portfolio/via-masini-80/ When one scrolls the page, the header moves to the top, becomes smaller and is sticky. Thanks!

    header


    • NEW
    • A Sticky Issue

      By Dave over 4 years ago

      The sticky top bar is a great option for a lot of sites. It makes it quicker to navigate sites with long pages. The problem I’ve been having is with mobile devises. The sticky top bar works, in that it stays visible at the top when scrolling down. If a si... (continued)

      stickytop barmobilesmall screen


    The sticky top bar is a great option for a lot of sites. It makes it quicker to navigate sites with long pages. The problem I’ve been having is with mobile devises. The sticky top bar works, in that it stays visible at the top when scrolling down. If a si... (continued)

    stickytop barmobilesmall screen


    • 4new
      Replies
    • sticky table headers?

      By Ryan Hellerud, last Reply by Ryan over 4 years ago

      Hi guys, Im working on a site that's may use long scroll tables and I was wondering if there is a way or a feature to make the table header sticky on scroll so that the users may see the labels for the related data they are looking at?

      tableshtml


    Hi guys, Im working on a site that's may use long scroll tables and I was wondering if there is a way or a feature to make the table header sticky on scroll so that the users may see the labels for the related data they are looking at?

    tableshtml



    Hey guys, Any idea on why would the sticky header would ''skip'' when scrolling down on this site : http://csm-mcs.com/en/ Thanks, Jo

    sticky



    Hi, how can i create a vertical magellan sticky nav with foundation 5? I'm sorry if this already have been asked and resolved. I found a few forum posts about it, but none of them worked with foundation 5? I want a nav similiar to the attached photo... (continued)

    Magellannavvertical