Main with menu

Note: on this page multiple main elements are used for testing purposes. Normally a document should never have more than one main.

Menu at start

Menu test

Sticky footer

Add this to your theme CSS file to expand the body group div so the body always fills the viewport height:

/* Sticky footer */
body {
  display: -webkit-flex;
  display: flex;
  min-height: 100vh;
  -webkit-flex-direction: column;
  flex-direction: column;
}
body > div:only-of-type {
  -webkit-flex: 1;
  flex: 1;
  width: 100%;
  box-sizing: border-box;
}

Menu at end

Menu test