Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

how to keep the navigation bar while im scrolling, i'm using the bedford template


2 answers to this question

Recommended Posts

  • 0

I've linked to a blog post by @dualarrowmarketing which details how to make the navigation bar fixed on scroll.


If you see an answer that was helpful please consider hitting the 121238226_Screenshot2019-11-02at14_53_39.png.0416997a5e856e0159fa1edbd624659e.png button on the right. 

Need help with your website or online store? Feel free to get in touch.


Share this post

Link to post
  • 0


Here's the solution.

Navigate to code Injection section of the site:  Settings > Advanced > Code Injection

Paste this code:

  window.onscroll = () => {
      var scrollPos = window.pageYOffset
      var header = document.getElementById('#header');
      if (scrollPos > 600) {
      } else {

  header#header {
      position: fixed !important;

  header#header.bgColor {
      background-color: black;


Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...