Wix Editor: Stretching an Element to Full Width

Stretch your elements to full width to make your site more responsive. Stretched elements span the width of your browser, regardless of screen size.

Once you've stretched an element you can add margins, creating space on its left and right. You can set the margins in pixels so they stay the same across all devices, or in percentage so they adjust to every visitor's browser.

The stretch option is only available for certain elements. See our FAQs for the full list.

---

Stretching an element

Stretch your elements to full width, and set the margins to display them exactly how you want.

To stretch an element:

1. Click the element in the editor.

2. Click the Stretch icon

   

   .

3. Enable the Stretch to full width toggle.

4. (Optional) Set the margins:

   1. Click the number field to choose whether to set the margins by px (pixels) or % (percentage of browser width).

   2. Drag the slider to increase or decrease the size of the margins.

Notes:

• Certain elements only allow you to set the margins by pixels.

• The margin limit is 190 pixels, or 5% of the browser size.

---

FAQs

Click a question below to learn more.

What elements can I stretch?

Currently, you can stretch the following elements:

• Horizontal menus

• Horizontal lines

• Galleries:

  • Pro galleries

  • Grid galleries

  • Slider galleries

• Google maps

• Some Wix apps elements (e.g. Wix Blog Post List)

• Strips

Can I unstretch an element?

You can unstretch an element at any time.

1. Click the element in your editor.

2. Click the Stretch icon

   

   .

3. Disable the Stretch to full width toggle, and restore the element to its original size.

Is this the same feature as stretch handles?

No. Stretch handles are handles that you click and drag to make the element as large or small as you like, and are available on most elements in the editor.

The Stretch icon

automatically stretches the element to the full width of your site, and is only available on certain elements.

How does it work on mobile?

Elements you have stretched on desktop are also displayed as full width on your mobile site. The margins are not displayed on the mobile version of your site, as the screens are not large enough to display them.

Can I stretch a mobile-only element?

It is not possible to stretch mobile-only elements. You can only stretch elements you have added in the desktop editor.

Note:

You may notice that when you stretch elements, a gap appears between the stretched element and the elements above / below. You can remove the gap by moving the elements, or using the Zoom Out and Reorder function

This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!