Skip to content

Sections & layouts

Change a section’s layout variant

Try another compatible component layout.

WEBTUMMY · VISUAL WALKTHROUGH
Actual Webtummy interface in the fictional Willow Studio customer workspace. Click to enlarge. Available fields vary by selected component.
Change a section’s layout variant
Expanded Webtummy interface showing change a section’s layout variant

Follow these steps

  1. Select the section itself

    Choose the section on the left. Use Back to section properties if a child element is selected.

  2. Find Layout variant

    Where the section has compatible variants, choose a different entry in Layout variant. This control is only shown when alternatives are available.

  3. Review all fields

    Check the resulting layout, content, and images. A different component may use different fields and can fall back to starter content when the existing content is incompatible.

  4. Keep or undo

    Use Undo if the change is unsuitable. Otherwise finish editing and Save.

What you should see

The section uses the selected compatible variant.

Need a hand with this step?

Tell us the website, page, and control you’re using. Include any error code so we can help you faster.

Contact support →