Gap

How to Adjust Gap in AppSections Group Settings

The "Gap" setting in AppSections allows you to control the spacing between elements within groups. This setting provides flexibility in defining the internal spacing, enhancing the overall visual appeal and consistency with your brand style. Here is how you can adjust the gap:

Gap

Purpose: This setting allows you to manage the spacing between elements within a group. Usage: Select from four options to set the desired gap size.

Gap Options

1. None: No gaps between the elements.

2. Small: Applies the small gap defined in the active brand style under layout settings.

3. Medium: Applies the medium gap defined in the active brand style under layout settings.

4. Large: Applies the large gap defined in the active brand style under layout settings.

Steps to Adjust Gap

1. Select the Group:

   • Open your Shopify theme editor.

   • Navigate to the specific group where you want to adjust the gap.

2. Locate the Gap Setting:

   • In the settings for the group, find the Gap option.

3. Select Gap Option:

   • Choose one of the four options based on your design preferences:

     • None: No gaps between the elements.

     • Small: Applies the small gap defined in the active brand style.

     • Medium: Applies the medium gap defined in the active brand style.

     • Large: Applies the large gap defined in the active brand style.

Ensuring the Right Gap Application

1. Preview Changes:

   • After selecting a gap option, preview your store to see how the group looks.

   • Check the group to ensure the gap setting is applied correctly and enhances the layout.

2. Check Consistency:

   • Ensure that the gap setting aligns with your brand’s aesthetic and provides a cohesive look across both desktop and mobile devices.

3. Test Across Devices:

   • Verify the gap setting on different devices to ensure it looks good and maintains functionality on all screen sizes.

Summary

By using the "Gap" setting in AppSections, you can manage the spacing between elements within groups in your Shopify store. This flexibility allows you to enhance the visual appeal and alignment of your layout, ensuring a dynamic and engaging user experience across all devices. Adjusting the gap helps create better internal spacing and improves the overall design consistency.

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