Download AppSectionsWebsite

Min-Width

How to Adjust Button Size in AppSections Brand Style

The "Button Size" setting in the AppSections Brand Style allows you to standardize the size of buttons by setting a minimum width in pixels. This setting ensures that buttons have a consistent appearance across your store, enhancing the visual appeal and usability. Here is how you can adjust the minimum width for buttons:

Button Size (Min-Width)

  • Purpose: This setting allows you to standardize the size of buttons by setting a fixed minimum width in pixels.

  • Usage: Use the range selector to set the desired minimum width for buttons, with options ranging from 50px to 500px.

Steps to Adjust Button Size (Min-Width)

  1. Select the Brand Style:

    • Open your Shopify theme editor.

    • Navigate to the Brand Style settings.

  2. Locate the Button Size (Min-Width) Setting:

    • In the Brand Style settings, find the Button Size (Min-Width) option.

  3. Adjust Button Size (Min-Width) for Desktop:

    • Locate the setting specifically for desktop.

    • Use the range selector to set the minimum width for buttons between 50px and 500px.

    • Move the slider to adjust the width to the desired value.

  4. Adjust Button Size (Min-Width) for Mobile:

    • Locate the setting specifically for mobile.

    • Use the range selector to set the minimum width for buttons between 50px and 500px.

    • Move the slider to adjust the width to the desired value.

Ensuring Consistent Button Size

  1. Preview Changes:

    • After adjusting the button size settings, preview your store to see how the buttons look.

    • Check various buttons to ensure the minimum width is applied consistently and enhances the visual appeal and usability.

  2. Check Consistency:

    • Ensure that the button sizes align with your brand’s aesthetic and provide a smooth user experience across both desktop and mobile devices.

  3. Test Across Devices:

    • Verify the button sizes on different devices to ensure they work well and maintain visual appeal on all screen sizes.

Summary

By using the "Button Size (Min-Width)" setting, you can control the minimum width of buttons on your Shopify store, ensuring they have a consistent and professional appearance. This flexibility allows you to enhance the visual appeal and usability of your buttons, 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.

Last updated