# Font Size

### How to Adjust Font Size in AppSections Brand Style

The "Font Size" setting in the AppSections Brand Style allows you to control the size of text elements using a range selector. This setting provides flexibility to ensure your text is appropriately sized for both desktop and mobile views. Here is how you can adjust the font size:

### **Font Size Range Selector**

### **Font Size:**

* **Purpose:** This setting allows you to adjust the size of text elements.
* **Usage:** Use the range selector to set the desired font size for both desktop and mobile views.

### Steps to Adjust Font Size

1. **Select the Brand Style:**
   * Open your Shopify theme editor.
   * Navigate to the Brand Style settings.
2. **Locate the Font Size Setting:**
   * In the Brand Style settings, find the **Font Size** option.
   * There are two separate selectors: one for desktop and one for mobile.
3. **Adjust Font Size for Desktop:**
   * Use the range selector to set the font size between 5px and 100px.
   * Move the slider to adjust the size until the text is appropriately sized for desktop view.
4. **Adjust Font Size for Mobile:**
   * Use the range selector to set the font size between 5px and 80px.
   * Move the slider to adjust the size until the text is appropriately sized for mobile view.

### Ensuring the Right Font Size

1. **Preview Changes:**
   * After adjusting the font size, preview your store to see how the changes look.
   * Check various text elements to ensure the font size is applied consistently.
2. **Check Readability:**
   * Ensure that the font size is readable on both desktop and mobile devices.
   * Avoid sizes that are too small or too large, which could affect the user experience.
3. **Test Across Devices:**
   * Verify the font size on different devices to ensure it looks good and is legible on all screen sizes.

### Summary

By using the "Font Size" setting, you can control the size of text elements on your Shopify store, ensuring they are appropriately sized for both desktop and mobile views. This flexibility allows you to maintain a consistent and readable text presentation across all devices.

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.appsections.com/settings/font-scales/styles/body/font-size.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.