Layout Settings

In this article:


When Sections carry the same relative importance, they should have the same look and feel, positioned at an equal distance from each other. Customize Sections with the same amount of spacing; otherwise, your page will look unorganized, and users may not give each Section similar consideration.

In the Layout settings, you can edit the section padding as well as the Horizontal and Vertical alignment. These settings allow you to space your content accordingly.

Desktop Layout

Choose to hide a section on desktop view, adjust section padding, or change vertical and horizontal alignment. Also select to have all blocks be of equal height, or make a section full height or full width.

Section Layout REAL

Mobile Layout

Choose to hide a section on mobile view and adjust the section padding.

Section Layout Mobile

Padding is the inner space of an element.

Section Padding

To Edit the Desktop Layout

  • In the sidebar, click a section.
  • Locate the Section Settings header and click Desktop Layout.
  • Customize the layout to the section.
  • Click Save to keep your changes.

Customize Desktop Layout

  • Hide Section : This feature allows you to make a specfic section hidden in desktop view.
  • Desktop Section Padding : Adjusting the padding shifts the content within the section to your desired appearance.
  • Vertical Alignment: Allows you to choose whether the blocks within the section are aligned at the top, center, or bottom.
  • Horizontial Alignment: Allows you to choose whether the blocks are aligned to the left, center, right or with space between or around the blocks.
  • Equal Height Blocks: Enabling this feature will adjust blocks to be equal height and align together at the top.
  • Make Section Full Width: Enabling this feature will allow the section to fill the full width of the browser window.
  • Make Section Full Height: Enabling this feature will adjust the section to be at full height without adjusting the alignment of the blocks.

To Edit Mobile Layout

  • In the sidebar, click a section.
  • Locate the Section Settings header and click Mobile Layout.
  • Customize the layout to the section.
  • Click Save to keep your changes.

Customize Mobile Layout

  • Hide Section:This feature allows you to make a specfic section hidden in mobile view.
  • Mobile Section Padding: Adjusting the padding within a section shifts the section to your desired appearance.

Contact support or access our 24/7 Live Chat:

Contact Support Live Chat

Previous Article

Background

Next Article

Time Reveal

Need Help? Chat With Us Now!