Turn your menu into a fixed menu

Menus within Tadabase are like any other part of the page and will not be visible when scrolling down. To set the menu as a fixed menu which will ensure it always stays visible, please do the following.  

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

-I6xeoV4kjQh2w33Hv3t2O780BWpA4deVw.png

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

 

 

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