Navigation ?

Navigation Setting in AppSections Brand Style

The "Navigation" setting in the AppSections Brand Style allows you to control the visibility of navigation arrows on sliders. This setting is customizable separately for both desktop and mobile views, ensuring an optimal user experience across different devices.

Navigation Options

• Purpose: This setting enables the display of navigation arrows on sliders, allowing users to manually browse through the slides. The availability of this option for both desktop and mobile ensures that the navigation experience is tailored to the specific needs of each device type.

• Usage: When enabled, navigation arrows will be visible, providing users with a clear and accessible way to control the slider.

Options:

1. Desktop Navigation:

   • Description: When the Navigation setting is checked for desktop, navigation arrows will appear on the left and right sides of the slider when viewed on a desktop. This allows users to manually navigate through the slides, offering a traditional and intuitive control mechanism for larger screens.

2. Mobile Navigation:

   • Description: When the Navigation setting is checked for mobile, navigation arrows will also appear on the slider when viewed on mobile devices. Given the limited screen space on mobile, this setting ensures that users can still easily navigate through slides without needing to rely on touch gestures alone.

Steps to Adjust the Navigation Setting

1. Select the Brand Style:

   • Open your Shopify theme editor.

   • Navigate to the Brand Style settings.

2. Enable Navigation for Desktop:

   • Locate the "Navigation" option under the desktop section of the Brand Style settings.

   • Check the box to enable navigation arrows for sliders when viewed on a desktop.

3. Enable Navigation for Mobile:

   • Locate the "Navigation" option under the mobile section of the Brand Style settings.

   • Check the box to enable navigation arrows for sliders when viewed on mobile devices.

4. Preview Changes:

   • After enabling navigation, preview your store on both desktop and mobile devices to observe how the navigation arrows appear and function.

   • Ensure that the navigation arrows are easily accessible and enhance the user experience on both device types.

Ensuring the Right Navigation Experience

1. Preview Changes:

   • After adjusting the navigation settings, preview your store on both desktop and mobile devices to see how the navigation arrows are displayed and how they function across different sliders.

2. Check Consistency:

   • Ensure that the navigation arrows are consistent with your brand’s design aesthetic and do not interfere with other elements on the page.

3. Test Across Devices:

   • Verify that the navigation arrows are responsive and functional on all screen sizes, ensuring smooth and intuitive navigation on both desktop and mobile platforms.

Summary

By using the "Navigation" setting in the AppSections Brand Style, you can control the visibility of navigation arrows on sliders for both desktop and mobile devices. This feature allows you to enhance user control and improve the browsing experience, ensuring that sliders are easily navigable across all devices.

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