> For the complete documentation index, see [llms.txt](https://docs.appsections.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.appsections.com/settings/size/styles/button-size/min-width.md).

# 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.
