Stretch your elements to full width to make your site more responsive. Stretched elements span the width of your browser, regardless of screen size. This means that even if your visitors view your site on a smaller browser, the element is still full width.
Once you've stretched an element, you can set the margins. Margins are the spaces to the left and right of the element, and are also responsive. For example, if you set the margins to 20px, they are 20px on every desktop screen and browser.
Stretching an element
Stretch your elements to begin making your site more responsive, and set the margins to display it exactly how you want.
To stretch an element:
Click the element in the Editor.
Click the Stretch icon .
Enable the Stretch to full width toggle.
(Optional) Set the margins:
Click the number field to choose whether to set the margins by pixels or percentage of browser size.
Drag the slider to increase or decrease the size of the margins.
Comments