Menu icon Foundation
Sticky Nav Not Working With Title-Bar

Hi everyone. Relatively new to F6, have been trying for days now for a way to get my title-bar to stick to the top. Here's the code I have. I added the .sticky class and [data-sticky], data-margin-top... but nothing is working. Thank you in advance.

<!-- Title Bar -->
<div data-sticky-container>
  <div class="title-bar sticky hide-for-large" data-sticky data-margin-top="0">
    <div class="title-bar-left">
    <a href="index.html"><img src="img/logo-210-37.png" alt="logo" height="25" width="143">
    </div></a>
    <div class="title-bar-right">
      <button class="menu-icon" type="button" data-open="offCanvas"></button>
    </div>
  </div>
</div>

Sticky-Navstickytitle-bartitle bar

Hi everyone. Relatively new to F6, have been trying for days now for a way to get my title-bar to stick to the top. Here's the code I have. I added the .sticky class and [data-sticky], data-margin-top... but nothing is working. Thank you in advance.

<!-- Title Bar -->
<div data-sticky-container>
  <div class="title-bar sticky hide-for-large" data-sticky data-margin-top="0">
    <div class="title-bar-left">
    <a href="index.html"><img src="img/logo-210-37.png" alt="logo" height="25" width="143">
    </div></a>
    <div class="title-bar-right">
      <button class="menu-icon" type="button" data-open="offCanvas"></button>
    </div>
  </div>
</div>
Rafi Benkual about 3 years ago