Site Layouts

From Elementor’s Layout Settings, you can set the website’s Content Width, Widgets Space, Page Title Selector, Stretched Section Fitness, Default Page Layout, and Breakpoints.

Let’s take a closer look at each.

Layout

Click the hamburger menu in the Widget Panel’s upper left corner and select Site Settings > Settings > Layout from any Elementor page or post editor to access the layout menu.

1. Content Width (px): Configure the content area’s default width.
2. Widgets Space (px): Set the widget spacing.
3. Page Title Selector: Enter the CSS selector for your page’s title if you wish to hide it.
4. Stretched Section Fit To: Select the parent element to which the stretched elements will fit.
5. Default Layout: Choose Default, Elementor Canvas, or Elementor Full Width to define the page layout for new pages.

Breakpoints

1. Mobile: Set the mobile devices breakpoint. Mobile layout will appear below this breakpoint (Default: 768px).
2. Tablet: Set the tablet breakpoint. Tablet layout will be visible above and below this breakpoint for mobile devices (Default: 1025px).