Content Layouts in Jupiter

Updated on December 20, 2018

The content of a page in Jupiter can have four layouts:

  1. Full Layout
  2. Right Layout
  3. Left Layout
  4. Full-Width Layout

The main difference between these three is that the full layout doesn’t have a sidebar while the right layout and left layouts have fixed sidebars on their respective sides.

In this article, we will look at the layouts one by one.


Full Layout

It makes the content full width and there are no sidebars. To see a demo of the full width page, click here.

1Add a new page.

2Scroll to Jupiter Page Options.
3Choose the layout option “Full Layout”

4Publish or update the page.

Right Sidebar

It adds a right sidebar to your page. To see a demo of the right sidebar page, click here.

1Add a new page.

2Scroll to Jupiter Page Options.
3Choose the layout option “Right Sidebar”

4Publish or update the page.

Left Sidebar

It adds a left sidebar to your page. To see a demo of the left sidebar page, click here.

1Add a new page.

2Scroll to Jupiter Page Options.
3Choose the layout option “Left Sidebar”

4Publish or update the page.

Full-Width Layout

It has the same behavior as Full Layout making the content full width on your page. The only difference is Full Layout calculates the width and heights via JS, and Full Width Layout will let you render the full width page only via CSS.

It’s an improved version of Full Layout and does not use JS for making sections, rows full width.

Did this answer your question?