Video with text

The Video with text section mirrors Image with text but uses a Video block instead of an image. Add up to four blocks — usually one Rich text and one Video.

Arrange the layout

• Stack on mobile and Stack on desktop — control whether blocks sit side by side or stack vertically.
• Content alignment — align video and text to top, middle, or bottom.

Reorder blocks to swap which side the video appears on.

Arrange videos differently on mobile and desktop

Block order sets the same sequence on every screen. To put the video on one side on desktop and the other on mobile, add an extra Video block and use per-block Visibility settings to hide the copy each device should not see.

Example: text left and video right on desktop; video above text on mobile

1. Add three blocks in this order: Video, Rich text, Video.
2. Use the same video and matching settings in both Video blocks.
3. Select the first Video block. Under Visibility settings, set Visibility to Hide on desktop.
4. Select the last Video block. Set Visibility to Hide on mobile.

On desktop, the first video is hidden — visitors see Rich text then Video. On mobile, the last video is hidden — visitors see Video then Rich text. Turn on Stack on mobile if you want the blocks stacked vertically on phones.

For other arrangements, order the blocks for the layout you want on one device, then hide the blocks that would break the layout on the other. The section supports up to four blocks.

Configure the video block

The Video block accepts a Video service URL (YouTube or Vimeo) or Shopify-hosted video, plus Video poster image, Aspect ratio, Max video width, autoplay, loop, mute, and player controls. Caption and overlay settings appear when controls are hidden.

Configure the rich text block

Add heading, body, icon, and button content with alignment and visibility options per block.

Other settings

Show header for a section title above the split. Color scheme, Padding settings, Visibility settings, and Width settings.