Sticky image with text

The Sticky image with text section keeps an image fixed in view while the accompanying text groups scroll alongside it, a great way to tell a longer story without losing the visual.

Example: https://purity.nextsky.co/products/anti-aging-serum

Section settings

General

Setting	Description
Section width	3 options for the container width: • Fixed width: matches your page content width in Theme settings -> Layout. • Stretch width: spans the width regardless of screen size. • Full width: takes up the entire width of the screen.
Color scheme	Select colors from Theme settings -> Colors.

Section header

Setting	Description
Subheading	Short line of text shown above the heading.
Heading	The main title of the section.
Enable heading underline animation	Draws an animated underline under the words you set to italic in the heading. Use the Italic (I) button in the editor to mark the words.
Underline style	3 underline styles: • Simple underline • Curve stroke • Squiggle underline
Underline color	The color of the animated underline.
Description	Supporting text shown below the heading.
Heading size	Choose Heading 1, Heading 2, or Heading 3.
Alignment	Aligns the header content Left, Center, or Right.

Image

Setting	Description
Image	The image that stays pinned while the text scrolls.
Image ratio	Aspect ratio of the image: • Adapt to image • Square (1:1) • Portrait (3:4) • Landscape (4:3)
Image width	Width of the image column on desktop (30–70%). Automatically optimized for mobile.
Desktop image position	Places the image to the Left or Right of the text on desktop. The image is shown above the text on mobile.

Content settings

Setting	Description
Column gap	Space between the columns: No gap, Small, Medium, Large, or X-Large.

Mobile settings

Setting	Description
Hide image on mobile	Hides the pinned image on mobile devices.
Enable carousel on mobile	Turns the text groups into a swipeable carousel on mobile.
Items per row	Number of text groups shown per row on mobile (1–2).

Section padding

Setting	Description
Top	Customize the top padding of the section (0–100px).
Bottom	Customize the bottom padding of the section (0–100px).

Section divider

Setting	Description
Show divider	Displays a dividing line to separate this section from the previous one.

Block settings

The scrolling content is built from Text group blocks (plus any compatible app block).

Text group

Setting	Description
Color scheme	Select colors for this group from Theme settings -> Colors.
Content alignment	Aligns the content Left, Center, or Right.
Content alignment (Mobile)	Aligns the content Left, Center, or Right on mobile.
Padding inline	Left and right spacing inside the group (0–150px). Automatically optimized for mobile.
Padding block	Top and bottom spacing inside the group (0–150px). Automatically optimized for mobile.

Each Text group can hold its own blocks: Image, Heading, Subheading, Highlight text, Description, List tag, Button, Icon, and Countdown timer, plus any compatible app block.