Full Height

How to Adjust Full Height in AppSections

The "Full Height" setting in AppSections allows you to make an element occupy the entire available space. This setting provides flexibility in customizing the layout by ensuring elements align with each other and making sections occupy the full height of the screen. Here is how you can adjust the full height:

Full Height

Purpose: This setting allows an element to occupy the entire available space, with different behaviors for sections and blocks/groups. Usage: Enable the Full Height setting to apply it to the desired element.

Full Height Behaviors

1. Sections: When Full Height is selected, the section will occupy the entire height of the screen.

2. Blocks/Groups: When Full Height is selected, the block or group will occupy the entire height of the available row or area.

Steps to Adjust Full Height

1. Select the Block/Group/Section:

   • Open your Shopify theme editor.

   • Navigate to the specific block, group, or section where you want to apply the full height setting.

2. Locate the Full Height Setting:

   • In the settings for the block, group, or section, find the Full Height option.

3. Enable Full Height:

   • Check the box or toggle the switch to enable the full height setting.

   • For Sections: The section will now occupy the full height of the screen.

   • For Blocks/Groups: The block or group will now occupy the full height of the available row or area.

Ensuring the Right Full Height Application

1. Preview Changes:

   • After enabling the full height setting, preview your store to see how the changes look.

   • Check the block, group, or section to ensure the full height setting is applied correctly and enhances the layout.

2. Check Consistency:

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

3. Test Across Devices:

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

Summary

By using the "Full Height" setting in AppSections, you can ensure that your blocks, groups, and sections occupy the entire available space 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.

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