Wix Editor: Stretching an Element to Full Width
3 min read
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.
In this article, learn more about:
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.
- Certain elements only allow you to set the margins by pixels.
- The margin limit is 190 pixels, or 5% of the browser size.
What elements can I stretch?
Can I unstretch an element?
Is this the same feature as stretch handles?
How does it work on mobile?
Can I stretch a mobile-only element?
You may notice that when you stretch elements, a gap appears between the stretched element, and elements above / below it. You can remove the gap by moving the elements, or using the Zoom Out and Reorder function
Did this help?