Download AppSectionsWebsite

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.

Last updated