# 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](https://help.fluorescent.co/ira/readme/theme-retirement).
{% 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](https://help.fluorescent.co/ira/pages/header)