# Scrollbar Width

**Scrollbar Width Setting in AppSections Brand Style**

The "Scrollbar Width" setting in AppSections Brand Style allows you to define the thickness of the custom scrollbar, providing two distinct options: "Classic" and "Thin." This setting gives you the flexibility to choose the scrollbar size that best fits your store’s design and usability preferences.

**Purpose:**

This setting enables you to select the width of the custom scrollbar, offering a choice between a more traditional, wider scrollbar or a sleeker, thinner scrollbar.

**Options:**

* **Classic**: A standard scrollbar width that is wider and more noticeable, providing a traditional user experience.
* **Thin**: A slimmer scrollbar that is less obtrusive, offering a more modern and minimalistic look.

**Steps to Adjust the Scrollbar Width:**

1. **Select the Brand Style**:
   * Open your Shopify theme editor.
   * Navigate to the Brand Style settings where the custom scrollbar is enabled.
2. **Locate the Scrollbar Width Setting**:
   * Find the "Scrollbar Width" option within the settings.
3. **Choose the Scrollbar Width**:
   * Select either "Classic" for a standard scrollbar width or "Thin" for a narrower scrollbar.
4. **Preview the Changes**:
   * After selecting the scrollbar width, preview your store to see how the new scrollbar width looks and how it affects the user experience.

**Ensuring the Right Scrollbar Width:**

* **Preview Changes**: After setting the scrollbar width, preview your store to ensure the chosen option fits well with your design.
* **Check Consistency**: Make sure the scrollbar width aligns with the overall look and feel of your store and enhances the browsing experience.
* **Test Across Devices**: Verify that the scrollbar width works well on different devices, ensuring usability across all screen sizes.

**Summary:**

The "Scrollbar Width" setting in AppSections allows you to choose between a "Classic" or "Thin" scrollbar width. This customization helps tailor the scrollbar’s appearance to your store’s design, ensuring both usability and visual appeal.

If you have any questions or need further assistance, please contact our customer support team.


---

# Agent Instructions: 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:

```
GET https://docs.appsections.com/settings/extra-style/styles/custom-scrollbar/scrollbar-width.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.