View on GitHub

Layout Settings

On this page

No. of Headers - 0, 1 or 2

Position:

  1. 1 header selected

    2. Fixed - the header is fixed at the start of the user’s view and moves with the page, hence remains in view wherever the page may be

    Scroll - the header is scrollable and does not move with the page, hence goes out of view when the page is scrolled down

  2. 2 headers selected

    3. Fixed-Scroll - for such pairs, the first part (Fixed) relates to the top header and the second part (Scroll) relates to the bottom header

New York

No. of Footers - 0, 1 or 2

Position:

  1. 1 footer selected

    2. Fixed - the footer is fixed at the bottom of the user’s view and moves with the page, hence remains in view wherever the page may be

    Scroll - the footer is scrollable and does not move with the page, hence goes out of view when the page is scrolled up

  2. 2 footers selected

    3. Fixed-Scroll - for such pairs, the first part (Fixed) relates to the top footer and the second part (Scroll) relates to the bottom footer

Left/Right Sidebar

check the respective box to include it in your web-page layout

    Toggleable - to enable toggling of the left sidebar - an editable button is created by default for toggling

    Width -fill in your required with for a lot of HTML supported units:

      -px, vw, pt, in, cm, mm, pc, em, ex and %

    Position:

    Fixed
    - the sidebar can be scrolled if the contents of the sidebar exceed the length of the screen

    - the sidebar does not move with the scrolling of the content area in the page, hence remains in view wherever the page may be

    - 2 scroll bars created - one for the sidebar and one for the content body

    Scroll
    - the sidebar moves with the page, hence goes out of view when the page’s content exceeds the content length of the sidebar

    - 1 scroll bar created - for the entire page

Main content

    - Select as many content “body” editable containers as you wish. The containers are fluid by default