I've created a custom theme module and have set up some javascript to handle hiding a utility bar that hides on scrolling.

I've installed the script in my theme/static/src/js folder  and created a my_theme.xml file in my views folder to add the script to the website.assets_frontend.

The script works great on the homepage - but stops working when you load the other pages (pages/contact_us, hello, etc). I can still see the script on all pages when I do a view source.

I'll insert a copy of the my_theme.xml and navbar.js

Thanks!

my_theme.xml:

<?xml version="1.0" encoding="utf-8"?>

<openerp>

<data>

<template id="kdc_assets_frontend" inherit_id="website.assets_frontend" name="Sightac KDC Front End Assets">

<xpath expr="." position="inside">

<script src="/sightac_kdc/static/src/js/navbar.js"></script>

</xpath>

</template>

</data>

</openerp>

navbar.js:

$(window).scroll(function() {

if ($(".navbar").offset().top > 50) {

$('#custom-nav').addClass('utilityhide');

$(".navbar-fixed-top").addClass("top-nav-collapse");

} else {

$('#custom-nav').removeClass('utilityhide');

$(".navbar-fixed-top").removeClass("top-nav-collapse");

}

});