Content Layouts in Jupiter

Last Updated on

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.

In this article


Full Layout

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

1
Add a new page.

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

4
Publish or update the page.

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

1
Add a new page.

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

4
Publish or update the page.

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

1
Add a new page.

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

4
Publish or update the page.
x
Note: In order to be able to use the sidebars, you’ll need to assign a widget position to them. You can then add as many widgets to the sidebar as you want. To learn more about widgets, click here.

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.

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket