fixed Archives - FROONT Documentation / Responsive web design tool

In FROONT there are multiple types of navigation menu widgets. They all are optimized for mobile views right out of the box. The only difference is the layout, like does it have a logo or not and is it centered or left aligned. The best way is to pick the one you want from the Library and then customize it to your needs.

To add a navigation menu go to Add content Library / Ready made.
To customize the navigation menu items:
To customize the logo:
To customize the looks:

If you want to go further get to Widget Properties Panel/Advanced/Position and make it fixed to the top:
If you are using fixed position change the Z-index as well to something like 2000 to make sure the navigation is always on the top. Learn more about Z-index.

Learn how to add links to your navigation items.

Fixed background

To make your background image fixed you need to select the container and go to Properties Panel/Background and select Fixed tab.

Fixed Menu

To make a fixed menu like this:

1. First you have to switch to Advanced mode

2. Select the Navigation Widget in Widget Tree

and in Widget Properties Panel/Advanced/Position select FIXED

3. In Widget Properties Panel/Advanced/Z-index type in 3. The z-index property specifies the stack order of an element.

An element with greater stack order is always in front of an element with a lower stack order.

Note: z-index only works on positioned elements (position:absolute, position:relative, or position:fixed).