Vertical Adjustment

How to Adjust Vertical Media Position in AppSections

The "Vertical Adjustment" setting in AppSections allows you to control the vertical position of media within blocks, groups, and sections. This setting provides flexibility in focusing on different parts of the media, enhancing the visual composition and emphasis. Here is how you can adjust the vertical media position:

Vertical Adjustment

Purpose: This setting allows you to adjust the vertical position of media, focusing on different areas from top to bottom. Usage: Use the range selector to set the desired vertical position from -50% to +50%.

Vertical Adjustment Range

• -50%: Focuses the media towards the bottom.

• 0%: Centers the media vertically.

• +50%: Focuses the media towards the top.

Steps to Adjust Vertical Media Position

1. Select the Media Block/Group/Section:

   • Open your Shopify theme editor.

   • Navigate to the specific media block, group, or section where you want to adjust the vertical position.

2. Locate the Vertical Adjustment Setting:

   • In the settings for the media block, group, or section, find the Vertical Adjustment option.

3. Adjust Vertical Media Position:

   • Use the range selector to set the vertical position between -50% and +50%:

     • -50%: Focuses the media towards the bottom.

     • 0%: Centers the media vertically.

     • +50%: Focuses the media towards the top.

Ensuring the Right Vertical Adjustment Application

1. Preview Changes:

   • After adjusting the vertical position, preview your store to see how the changes look.

   • Check the media block, group, or section to ensure the vertical adjustment is applied correctly and enhances the visual composition.

2. Check Consistency:

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

3. Test Across Devices:

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

Summary

By using the "Vertical Adjustment" setting in AppSections, you can control the vertical position of media within blocks, groups, and sections in your Shopify store. This flexibility allows you to enhance the visual composition and focus of your media, ensuring a dynamic and engaging user experience across all devices. Adjusting the vertical position helps create visually appealing effects and improves the overall design consistency.

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