How do I also make the header AND the menu bar sticky?

Dear Koos,
setting template tab basic enable sticky header.
Thanks

vietnh wrote:


Hello vietnh
Thank you for you answer but it is not the solution - only the Header is made sticky.
In addition to the header, I also want the Menu to be made sticky - see image.

Hello vietnh

Can I please have your response.

Dear Koos,
edit file main.js row 100
replace var fixedSection = $('#sp-header');
to var fixedSection = $('#sp-main-menu');
edit templates - Basic - Sticky Header choose yes
compile scss to css edit file theme.less
#sp-main-menu{
&.menu-fixed{
position: fixed;
z-index: 999;
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
left: 0;
top: 0;
width: 100%;
}
}

Thank you vietnh!
I will try it out.