Local - Header, navigation and footer

Header

The header runs across the top of your store containing your logo, navigation, search, account login and cart. This is a static section and cannot be repositioned.

Logo

Your store‚Äôs logo provides branding for your site and a clickable link to return to the homepage. 

To ensure your logo displays nicely on retina screens, upload your logo 2x the size. For example, a logo 100px high and 25px wide, should be uploaded at 200px high x 50px wide.

You can upload an inverted (or alternative ) logo to display on darker modals, shown below:

Store menus

Menus can be added and edited in your store admin under Online Store > Navigation.  

Below shows two example menus for your store's Main Menu and Footer.  

Create a single dropdown menu

1. From your Shopify admin, go to Online Store > Navigation.
2. Click the title of the menu that you want to add a dropdown to. 
3. Add menu items to include in the new drop-down menu. Click  Add menu item, enter the name of the menu item, and enter or select a destination for the link.
4. Click and drag the menu items to nest below the header item
5. Click  Save menu.

Create a multi-column dropdown menus

You can create drop-down menus up to three levels deep.

To create third level menu items, repeat the process for creating a dropdown and simply nest them below a second level menu item.   

If a second level menu items doesn't have any nested menus, they will be styled in a separate column shown below with New in and Sale.


Modal Button

Local has a customizable button in in the header that triggers a modal that displays your business listing information and contact form. If you have a physical store, you can add in your address and opening hours in the General Settings > Physical store

Alternatively, you can customise the button to be used to link through to a page, product or collection, shown below:

Footer

You can link any menu to display in your store's footer by creating a menu in your Navigation section and referencing it your theme settings. 

If you want to remove the "Powered by Shopify" - you can follow  Shopify's instructions

Still need help? Contact Us Contact Us