Sections Width

How to Manage Section Width in AppSections Brand Style

Managing the width of sections within your Shopify store using the AppSections Brand Style involves adjusting the Section Width setting. This setting allows you to standardize the size of the main container for sections that are not set to full width. Follow these steps to correctly manage the section width using our custom settings:

Important Notes

Standardized Container Size: The Section Width setting ensures that all sections have a consistent size when they are boxed, providing a uniform look across your store.

Steps to Adjust Section Width

1. Select the Brand Style:

   • Open your Shopify theme editor.

   • Navigate to the Brand Style settings.

2. Open Section Width Settings:

   • In the Brand Style settings, locate the Section Width parameter.

   • This setting manages the size of the main container in a standardized way when it is boxed.

3. Adjust Section Width:

   • The Section Width setting typically includes the following options:

     • Boxed: The section width is contained within a fixed size, ensuring uniformity across all sections.

     • Width: This option allows the section to take the size of the horizontal margin.

     • Full Width: The section expands to fill the entire width of the browser window.

4. Set to Boxed for Standardized Size:

   • To standardize the size of all sections, set the Section Width to Boxed. This ensures that all sections are natively the same size when not set to full width or width.

Ensuring Consistency

1. Preview Changes:

   • After adjusting the Section Width setting, preview your store to ensure the sections are displayed as intended.

   • Switch between different devices (mobile and desktop) to verify the consistency and responsiveness of the sections.

2. Uniform Look:

   • By using the Boxed option, you ensure a consistent look and feel across all sections of your store, maintaining a professional and cohesive design.

Verifying the Change

• Preview Changes: Switch between mobile and desktop views in the theme editor to ensure the sections are displayed correctly. Make adjustments as necessary to maintain a consistent and optimized user experience.

By following these steps, you can effectively manage the section width within your Shopify store using the AppSections Brand Style, ensuring a uniform and professional appearance across all sections. If you have any questions or need further assistance, please contact our customer support team.