The layout is a Fullwidth Menu with a diagonal design thanks to a top and a bottom divider. You can also fix the menu to the top on scrolling simply adding some css classes (read below for more informations about it).

There’s also a simple Footer section with a diagonal top divider.

The zip file includes:

.JSON file (Centered Nav)

.JSON file (Side Nav)

Layout Screenshot

Readme file

The two different .json files are optimized one for websites with a default central navigation menu and the other for websites with a side vertical navigation (like that on www.howidivit.com); you can use what you prefer according to your needs.

The layout is made of three Fullwidth Menus and a Footer:

1ST MENU: Fullwidth Menu with Centered Nav and Logo above the menu itself;

2ND MENU: Fullwidth Menu with Nav on the left and Logo on the right;

3RD MENU: Fullwidth Menu with Nav on the right and Logo on the left;

FOOTER: A Footer with a 30px diagonal divider.

CODE Section: A Code Module in which is stored all the advanced css and jQuery to make the design properly work.

By default the left and the right menus behave like any other section, that is scrolling they will be no more visible, while the first centered menu will stay fixed to the top on scrolling. If you want to use the left or the right menu activating the fixed on scrolling you just have to use the following Css classes:

– ‘trigger‘ -> You can assign this class to the top divider of to any other element above your fullwidth menu; the class is responsible for triggering the fixed position of the menu itself.

– ‘menu‘ -> You have to assign this class to the fullwidth menu.

– ‘bottom‘ -> This class has to be added to the bottom divider (the section right below the fullwidth menu).

If you need to customize further you can modify the css in the last Code Module added in the section in which is stored all the advanced css.

## Support

We offer a basic support that includes:

a) fixes of any display problems;

b) one minor design improvement. This can involve a specific part of the layout and in a way that the improvement doesn’t change the global design.

The time needed to get support may vary; any fixes will be supported in about 1/2 days while for the improvement support the time needed will be from 1 to 5 days.