# Line Height

### How to Adjust Line Height in AppSections Brand Style

The "Line Height" setting in the AppSections Brand Style allows you to control the vertical spacing between lines of text using a common range selector for both desktop and mobile views. This setting ensures that text elements are spaced appropriately for readability and aesthetics across all devices. Here is how you can adjust the line height:

### **Line Height Range Selector**

### **Line Height:**

* **Purpose:** This setting allows you to adjust the vertical spacing between lines of text elements.
* **Usage:** Use the range selector to set the desired line height for both desktop and mobile views simultaneously.

### Steps to Adjust Line Height

1. **Select the Brand Style:**
   * Open your Shopify theme editor.
   * Navigate to the Brand Style settings.
2. **Locate the Line Height Setting:**
   * In the Brand Style settings, find the **Line Height** option.
   * This setting uses a common range selector for both desktop and mobile.
3. **Adjust Line Height:**
   * Use the range selector to set the line height between 100% and 200%.
   * Move the slider to adjust the line height until the text has the desired vertical spacing.

### Ensuring the Right Line Height

1. **Preview Changes:**
   * After adjusting the line height, preview your store to see how the changes look.
   * Check various text elements to ensure the line height is applied consistently and improves readability.
2. **Check Readability:**
   * Ensure that the line height enhances readability on both desktop and mobile devices.
   * Avoid line heights that are too tight or too loose, which could affect the user experience.
3. **Test Across Devices:**
   * Verify the line height on different devices to ensure it looks good and maintains readability on all screen sizes.

### Summary

By using the "Line Height" setting, you can control the vertical spacing of text elements on your Shopify store, ensuring they are appropriately spaced for readability and aesthetics across all devices. This flexibility allows you to maintain a consistent and readable text presentation throughout your store.

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/line-height.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.