If you add this to the page CSS/code tab in RW (or the project wide settings will be better if you are using this approach on multiple pages):
.fix-container {
position: fixed !important;
top: 0;
width: 100%;
z-index: 999;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12);
}
Then add the class name fix-container to the ‘Class (wrapper)’ field in the Container stack. If you don’t want a drop-shadow then you can obviously just delete that line in the code.
That is amazing @habitualshaker I thought it may be possible, but was not sure how.
The container is now fixed, thank you!
One small problem - it was behind all other objects, so I have changed the z-index and cured it, but what z-index should I properly be using and where? As you can see, I have simply typed 999 into each section until it appeared on top.
Just turn that option off and let the code in the CSS deal with that side of things
Perfect, sorted. I think there were legacy Z-indexes from where I had tried to fix issues previously/
Amazing! thank you again ☺️