Navigation

Liuvenn Ace Maquiling

Last Update 4 jaar geleden

All Navigations on the Foody UI Kit is sticky.


Navigation 1 and 2


You can remove the sticky effect from Navigation 1 and 2 but not on Navigation 3.


To remove the sticky effect from Navigation 1 and 2 is to remove a specific class:

- For Navigation 1, remove the class ‘foody-navigation-menu-1-sticky’

- For Navigation 2, remove the class ‘foody-navigation-menu-2-sticky’

Just click the X next to the class name to remove it.

Navigation 3


The Foody Navigation 3 has side menu on the left side that may overlap with the content. To remedy this, we created a class that will be added to each section that will add 85px of padding on the left so that there will be no overlap.

- Please add ‘foody-navigation-3-content-padding’ to the section that belong to the same page as Navigation 3. If you want to customize this, it is located on the ‘Code Block’ module in the Navigation 3 section.

Was this article helpful?

0 out of 0 liked this article

Still need help? Message Us