Wix Editor: Stretching An Element To Full Width | Help Center

Trang chủ » Html Stretch Width » Wix Editor: Stretching An Element To Full Width | Help Center

Có thể bạn quan tâm

header-logoTopicsResourcesPricingLog InGet StartedGetting startedLearn how to use Wix to build your site and business.Creating your siteDesign and manage your site using intuitive Wix features.Account & billingManage subscriptions, plans and invoices.Using the Wix mobile appsRun your business and connect with members.Connecting a domainLearn to purchase, connect or transfer a domain to your site.Managing your businessGet tools to grow your business and web presence.Promoting your siteBoost your visibility with SEO and marketing tools.Studio, Partners & EnterpriseGet advanced features to help you work more efficiently.Need more help?Find solutions, learn about known issues or contact us.placeholder-preview-imageWix LearnImprove your skills with our courses and tutorials.Wix BlogGet tips for web design, marketing and more.SEO Learning HubLearn to increase organic site traffic from search engines.Website developmentBuild a custom site using our full-stack platform.Hire a ProfessionalGet matched with a specialist to help you reach your goals.placeholder-preview-imageIn this article
  • Stretching an element
  • FAQs
  1. Home
  2. Creating your site
  3. Using the Wix Editor
  4. Working with elements
  5. Wix Editor: Stretching an Element to Full Width
Wix Editor: Stretching an Element to Full Width3 minIn this article
  • Stretching an element
  • FAQs
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.
A GIF showing how to stretch a line to full width, then set the margins while changing the unit from px to percentage

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

Did this help?

Yes|NoHire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.Start Now

Helpmate

Hello

Need a bit more guidance?Summary of this articleRelated articlesWix Editor: Fixing Spacing and Alignment Issues on Your SiteUnlock personalized helpLog in to get the most out of Helpmate.Log In

Từ khóa » Html Stretch Width