Layout and style

Header

Theme retirement 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.

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.

STEPS

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.

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.

\

Related links

Header

Last updated