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
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
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
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
Column gap
Space between the columns: No gap, Small, Medium, Large, or X-Large.
Mobile settings
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
Top
Customize the top padding of the section (0–100px).
Bottom
Customize the bottom padding of the section (0–100px).
Section divider
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
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.
Last updated