Hi, I want to create a sticky nav menu in sd5 under Materialize. Is that possible.

Do you mean something like this https://eikweb.com/sharing/ma-sticky/index.html ? Check out my sharing site, or my new site with ready-made components. Both URLs in my signature.

No see this
https://www.w3schools.com/howto/howto_js_navbar_sticky.asp

I just can't get this working

In principle, it is working the same way. I've never tried that one in Materialize, but I could try...

You need add the css style to your page header

<style>.sticky {
position: fixed !important;
top: 0 !important;
width: 100%;
}</style>

Do Not add a class "sticky" to the container you want to be sticky

Add the JS script fo your page footer
<script>// When the user scrolls the page, execute myFunction
window.onscroll = function() {myFunction()};

// Get the navbar
var navbar = document.getElementById("navbar");

// Get the offset position of the navbar
var sticky = navbar.offsetTop;

// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
} else {
navbar.classList.remove("sticky");
}
}</script>

Ger, try this one.

Ingers way works also, but this way you don't need add an HTML element, just the CSS and JS files

Here is a short silent demo movie showing the materialize theme theme "save the planet" with the CSS & JS files in place

https://youtu.be/qVa23V59Ekw

I'm so used to HTML elements because of creating components. Of course, you can add the CSS and js to the page manager instead.

Thank you Wayan Jaya for your clear explanation. it works now