Made category menu fixed or sticky

Question

I tried to made the category menu fixed or sticky in the top. I read this question and it's seems work, but i don't know on which file i should to add the javascript and CSS. So, which file should i add the JS and CSS file? And how can i call the JS to sticking all the category menu?

Answer 1

Just add this code to app/design/frontend/Vendor/Theme/Magento_Theme/web/js/theme.js and be sure that .CategoryNav have position relative, it's important.

$('.CategoryNav').mage('sticky', {
    container: '#maincontent',
    spacingTop: 100
});

(copy file from Luma theme with required modules 'jquery' and 'mage/mage').