> For the complete documentation index, see [llms.txt](https://help.brickspacelab.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.brickspacelab.com/paper/sections/navigation/navigation-slider.md).

# Navigation slider

### Section overview

The Navigation Slider section provides a horizontal scrollable carousel of circular images with text captions, similar to Instagram stories. It creates an interactive and visually appealing way to showcase navigation links throughout your store.

#### Common use cases

* Highlighting featured product categories or collections
* Creating quick-access navigation to important store pages
* Showcasing featured brands or designers
* Displaying promotional campaigns or seasonal content

#### Usage tips

* Use consistent image styles (preferably square images) for a uniform appearance
* Keep heading text short and concise for better mobile display
* Add 5-10 slides for optimal user experience without overwhelming visitors
* Consider using this section near the top of your homepage or collection pages for maximum visibility

Mobile responsiveness considerations:

* Images remain centered and properly sized on smaller screens
* The section employs smooth scrolling and snap positioning for better mobile interaction
* You can set the section to appear only on mobile or desktop if needed

### Section settings

| Setting         | Description                                                                    |
| --------------- | ------------------------------------------------------------------------------ |
| Top spacing     | Controls the amount of space (in pixels) above the section                     |
| Bottom spacing  | Controls the amount of space (in pixels) below the section                     |
| Color scheme    | Determines the background and text colors of the section                       |
| Border color    | Sets the color for any borders applied to the section                          |
| Border position | Controls where borders appear (none, top, bottom, or both)                     |
| Visibility      | Determines if the section appears on all devices, only mobile, or only desktop |

### Block settings

#### Slide

Each slide represents an individual navigation item with an image, heading, and link. The section allows up to 20 slides.

| Setting | Description                                        |
| ------- | -------------------------------------------------- |
| Image   | Circular image that appears above the heading text |
| Heading | Text that appears below the image                  |
| URL     | Destination link when the slide is clicked         |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.brickspacelab.com/paper/sections/navigation/navigation-slider.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.