Grid & Slider Settings
The Grid section allows you to control how multiple cards (like products, collections, or blog cards) are displayed across grids and sliders.
Space between columns
Controls the spacing between items inside grids such as featured collections and product lists.
Use this to:
- Create more breathing room between cards
- Avoid crowded layouts
- Improve readability and visual balance
Header space
Controls the spacing between the section header (title/subtitle) and the grid below it.
Helpful for adjusting sections so they don’t feel too tight or too spaced out.
Slider Settings
These options control how sliders behave across the theme.
Slider forward
When enabled:
- The slider flows edge-to-edge
- The first and last slide always have the spacing needed to avoid visual cutoffs
- Creates a smooth “continuous” scrolling effect
Scroll by
Defines how many items move when clicking navigation arrows.
Options:
- Scroll by 1 column – moves one item at a time
- Scroll by full slider – moves all currently visible items at once
(Example: if 4 items are visible, the slider scrolls by 4.)
Slider Buttons
These settings control the navigation arrows used on sliders.
Position
Choose where slider buttons appear:
- Inside the slider (left/right within the content)
- With the header (aligned next to the section title)
Button type
Choose the visual style:
- Primary
- Secondary
- Outline
Size
Adjust button size:
- Small
- Medium
- Large
Radius
Controls button corner style:
- Follow button radius (inherits global button radius)
- Circle (forces perfectly round buttons)
Horizontal margin
(Only applies when buttons are positioned inside the slider.)
Controls spacing between slider edges and navigation buttons.
Show only on hover
When enabled:
- Navigation arrows appear only when hovering over the slider
- Keeps the layout cleaner on desktop
Hide on mobile
When enabled:
- Hides slider navigation arrows on mobile devices
- Users swipe instead of clicking buttons