Stretch Theme Tutorial: Setting up the Dynamic Grid Section | Maestrooo Shopify Themes
Learn how to set up the Dynamic Grid section in the Stretch Shopify theme.
In this tutorial, we'll show you how to create flexible, responsive layouts using Grid Items, background media, animations, and precise positioning - helping you build beautifully crafted pages without writing a single line of code.
━━━━━━━━━━━━
In this video you'll learn:
Introduction
Adding the Dynamic Grid section
Understanding the section settings
Creating and configuring Grid Items
Positioning Grid Items with the visual grid
Adding parallax and motion effects
Optimising your mobile layout
Final recommendations
About this tutorial
The Dynamic Grid is one of the most flexible layout sections available in the Stretch Shopify theme, allowing merchants to design sophisticated landing pages, about pages, promotional content, editorial layouts, and rich storytelling experiences using Shopify's Online Store 2.0 editor.
In this tutorial, you'll learn how the Dynamic Grid's 16-column desktop grid and 8-column mobile grid work together to create responsive layouts without custom development. We'll explore section settings, Grid Items, content blocks, background images and videos, parallax effects, overlays, responsive spacing, and independent desktop and mobile positioning.
You'll also discover how to use precise row and column controls, percentage-based positioning adjustments, and subtle animations to create premium ecommerce experiences that remain fully responsive across every device.
Whether you're setting up a new Stretch store or refining an existing design, this guide will help you make the most of one of the theme's most powerful sections.
Frequently Asked Questions
Q: What is the Dynamic Grid section in Stretch?
A: Dynamic Grid is a flexible layout section that allows you to position content precisely using a responsive grid system, without requiring custom code.
Q: Can I create different layouts for desktop and mobile?
A: Yes. Desktop and mobile layouts are configured independently, allowing you to optimise positioning for every screen size.
Q: What content can I add inside a Grid Item?
A: Grid Items can contain headings, text, buttons, images, videos, icons, and custom Liquid, making them suitable for a wide range of content layouts.
Q: Can I add background videos and images?
A: Yes. Dynamic Grid supports separate desktop and mobile background media, including both images and videos.
Q: Does the Dynamic Grid support animations?
A: Yes. Each Grid Item includes independent parallax animation settings, allowing you to create subtle layered motion throughout your page.
Q: Is Dynamic Grid available in other Maestrooo themes?
A: Yes. Dynamic Grid is available in Stretch and selected other premium Shopify themes from Maestrooo.
Resources:
Browse our Shopify Themes
https://shopify.pxf.io/theme-store-maestrooo
Documentation & Help Centre:
https://help.maestrooo.com
Follow Maestrooo on LinkedIn: https://www.linkedin.com/company/maestrooo
Subscribe to our channel for tutorials covering our Shopify themes and apps, theme customization, new feature walkthroughs, ecommerce best practices, and product updates from Maestrooo.