Download AppSectionsWebsite

Activate Custom Scrollbar

Custom Scrollbar Setting in AppSections Brand Style

The "Activate Custom Scrollbar" setting in AppSections Brand Style allows you to replace the default scrollbar with a customized version, providing a more personalized and brand-aligned browsing experience.

Purpose:

This setting gives you the option to enable a custom scrollbar for your Shopify store. Once activated, the appearance of the scrollbar can be further customized using additional settings.

Usage:

When the "Activate Custom Scrollbar" option is checked, a custom scrollbar will replace the default one. The style and behavior of this custom scrollbar can be adjusted in the settings that follow.

Steps to Enable the Custom Scrollbar:

  1. Select the Brand Style:

    • Open your Shopify theme editor.

    • Navigate to the Brand Style settings where you want to enable the custom scrollbar.

  2. Locate the Activate Custom Scrollbar Setting:

    • Find the "Activate Custom Scrollbar" checkbox in the Brand Style settings.

  3. Enable the Custom Scrollbar:

    • Check the box to activate the custom scrollbar.

  4. Customize the Scrollbar Appearance:

    • Once the custom scrollbar is enabled, additional settings will appear, allowing you to define the scrollbar’s color, width, and other visual properties.

Ensuring the Right Scrollbar Appearance:

  • Preview Changes: After enabling the custom scrollbar, preview your store to see how it looks and behaves.

  • Check Consistency: Ensure that the custom scrollbar fits with your brand’s visual identity and is functional across all sections of your store.

  • Test Across Devices: Verify that the custom scrollbar works smoothly and looks good on different devices, including desktops, tablets, and mobile devices.

Summary:

The "Activate Custom Scrollbar" setting in AppSections allows you to enable a personalized scrollbar for your store. Once activated, additional settings will let you customize its appearance, giving your store a unique touch that aligns with your brand’s aesthetic.

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

Last updated