How to make main menu stick to the top

Hello.
I would like to make the main menu stick to the top while one scrolls down the page.
please help
rgds

Hi@muramura#89509

#1: add "data-spy" class
Open the file templates/ja_diner/tpls/blocks/mainnav.php the replace the code:

<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">

with:

<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav" data-spy="affix" data-offset-top="70">

Add to your custom.css file

.t3-mainnav {
  border-left: 0;
  border-right: 0;
  margin-bottom: 0;
  border-radius: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;

If you do not have already a custom.css file add it to this folder templates/ja_diner/css/

http://www.t3-framework.org/documentation/menu-system.html#sticky-menu

Hope it helps

Thank you!