Extra Margin Top

How to Adjust Extra Margin Top in AppSections Section Settings

The "Extra Margin Top" setting in AppSections allows you to manage the top margin of each section in a unique way. This setting is closely related to the standardized margin top/bottom parameter in the brand style, which standardizes the spacing between different sections. Here is how you can adjust the extra margin top:

Extra Margin Top

Purpose: This setting allows you to manage the top margin of a section, enabling you to either remove up to 250px or add up to 250px of margin.

Usage: Use the range selector to set the desired margin adjustment from -250px to +250px.

Steps to Adjust Extra Margin Top

1. Select the Section:

   • Open your Shopify theme editor.

   • Navigate to the specific section where you want to adjust the extra margin top.

2. Locate the Extra Margin Top Setting:

   • In the settings for the section, find the Extra Margin Top option.

3. Adjust Extra Margin Top:

   • Use the range selector to set the extra margin top between -250px and +250px:

     • -250px: Removes 250px of margin from the top of the section.

     • 0px: Keeps the top margin as defined by the standardized margin settings in the brand style.

     • +250px: Adds 250px of margin to the top of the section.

Ensuring the Right Extra Margin Top Application

1. Preview Changes:

   • After adjusting the extra margin top, preview your store to see how the changes look.

   • Check the section to ensure the margin adjustment is applied correctly and enhances the layout.

2. Check Consistency:

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

3. Test Across Devices:

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

Summary

By using the "Extra Margin Top" setting in AppSections, you can customize the top margin of your sections 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. This setting allows you to fine-tune the spacing of each section independently, beyond the standardized settings defined in the brand style.

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