Turn your menu into a fixed menu

To start, navigate to your Layout that contains the menu you would like to turn into a fixed menu.

 

Next click on the "Customize Design" (Paintbrush) icon and paste the following in the CSS > Additional CSS section as shown in the image below

overflow: inherit;
position: fixed;
top: 0;
left:0;
width: 100%;
z-index:1049;

 

-I6xeoV4kjQh2w33Hv3t2O780BWpA4deVw.png

 

Next, we'll need to add the following one line of CSS to the same part of the Page Container as shown in the image below.

margin-top: 50px;

oLw-mTqdly74Tl0QfYrMs104QrpxrXiopw.png

 

That is all! As we can see our header is now fixed at the top as you scroll down on the page.

pCgRE42x1I0DL9FsP1ZG3HecT29lMbz82w.gif