# Layout and style

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> Ira is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](/ira/readme/theme-retirement.md).
{% endhint %}

Match the look of your brand by changing the style and layout of your **Header** menu and store title. Change the position of your menu links or display them in a drawer menu that can be opened by clicking a *Menu icon* (☰).

### **Inline links**

On desktop devices with **Inline links** enabled, Ira's header displays your menu links horizontally. This setting is most effective with a few top-level menu items with short titles. If there are too many items in your navigation, we recommend setting the *Style* to *Menu icon*.

### Menu icon

The **Menu icon** always appears on mobile devices, but you use the **Style** option display it at all times. When customers click the menu icon (☰), the drawer menu opens.

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor (**Customize**):

1. Click on the **Header** section to open the section settings.
2. Set the menu **Style** for the **Main menu** as either *Links* or *Menu icon*.

   > The *Links* option displays the menu at all times except on mobile. The *Menu icon* option keeps the menu in the drawer menu.
3. Set the **Logo position** for the Main menu as either **Left** or **Center**.

   > Logo position set to Left.
4. Click **Save**.

</details>

## Settings reference

Click on the **Header** section to find the following settings:

| Setting       | Description                                                                                                                                         |
| ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
| Main menu     | Select a menu to be displayed in the header. Menus are a Shopify feature. See Shopify's Menus and links to learn more about them.                   |
| Style         | Choose a menu style: either Menu icon (☰) or Links. On mobile devices, the style is always set to Menu icon.                                        |
| Logo position | Choose the position of your logo in the header: either Left or Center. The Menu link and Links will change position depending on the Logo position. |

\\

<br>

***

> **Related links**
>
> [Header](/ira/pages/header.md)


---

# 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://help.fluorescent.co/ira/pages/header/layout-and-style.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.