Static sections for Brooklyn

Brooklyn includes sections that show on every page of your online store. Learn how to customize these sections to suit your business.

Your theme's header is the section that appears at the top of every page in your store.

With Brooklyn, you can add the following items to your header:

You can also change the color of your header links and icons.

If you want to enable the transparent header on your home page, you can select a separate logo and colors for your home page header.

  1. Next to Brooklyn, click Customize.

  2. Click Header.

  3. In the Logo image area, click Select image, and then do one of the following:

    • To select an image you have already uploaded to your Shopify admin, click the Library tab.
    • To use a free stock image from Burst, click Free images.
    • To select an image from your local computer, click Library > Upload.
  4. Use the Custom logo width slider to customize the logo width.

  5. Click Save.

Customize your navigation settings

You can customize the following navigation settings:

  • Search type - Set the style of the header search feature.
  • Menu - Set the menu that appears in the header.
  • Secondary sidebar menu - Add a secondary menu to your sidebar menu. A sidebar menu is shown instead of a header menu when the main menu takes up a lot of space. You can learn more in Tips for Brooklyn.
  • Enable search - Display a search bar on the sidebar menu.

  1. Next to Brooklyn, click Customize.

  2. Click Header.

  3. In the Navigation area, adjust your navigation settings.

  4. Click Save.

Add an announcement bar

  1. Next to Brooklyn, click Customize.

  2. Click Sections.

  3. Click Header.

  4. In the Announcement bar area, check Show announcement.

Select Home page only to display the announcement message on the home page only.

  1. Enter the text for your announcement in the Text field.

  2. Optional: Enter a URL in the Link field to add a link to your announcement.

  3. To change the color of the announcement bar background, click the Bar color swatch and choose a color.

  4. To change the color of the announcement text, click the Text color swatch and choose a color.

  5. Click Save.

  1. Next to Brooklyn, click Customize.

  2. Click Sections.

  3. Click Header.

  4. Click the Links and icons color swatch and choose a color.

  5. Click Save.

Enable the transparent header

If you want to display your header logo and text over a slideshow on your home page, you can enable the transparent header. You should only select this option if the top section of your store is a slideshow.

  1. Next to Brooklyn, click Customize.

  2. Click Sections.

  3. Click Header.

  4. In the Transparent header area, check Enable transparent header on the homepage.

  5. Optional: In the Transparent logo area, click Select image, and then do one of the following:

    • To select an image you have already uploaded to your Shopify admin, click the Library tab.
    • To use a free stock image from Burst, click Free images.
    • To select an image from your local computer, click Library > Upload.
  6. To change the color of the links and icons, click the Transparent header links and icons color swatch and choose a color.

  7. Click Save.

Your theme's footer is the section that appears at the bottom of every page in your store. You can add the following features to your footer:

  • payment icons
  • a language selector
  • a currency selector
  • a menu

Add payment icons

You can display icons for the payment methods that you accept in your footer. This area displays the icons that are associated with the payment provider that you have enabled in the payment settings section of your admin.

  1. Next to Brooklyn, click Customize.

  2. Click Sections.

  3. Click Footer.

  4. Check Show payment icons.

  5. Click Save.

Add a menu

You can add a menu to your footer. This displays all the menu's links in your footer, which you can use to highlight common pages that your customers want to access. For example, you could add a menu that contains links to your contact page, shipping information page, and your Privacy policy.

  1. Next to Brooklyn, click Customize.

  2. Click Sections.

  3. Click Footer.

  4. To select a menu, click Change. Select a menu from the list or click Create menu to create a new one.

  5. To edit the menu, click Edit menu.

  6. Click Save.

Add a language selector

You should only add a language selector if you have enabled multiple store languages.

  1. Next to Brooklyn, click Customize.

  2. Click Sections.

  3. Click Footer.

  4. Under Language selector, select Show language selector.

  5. Click Save.

Add a currency selector

You should only add a currency selector if you have enabled multiple currencies.

  1. Next to Brooklyn, click Customize.

  2. Click Sections.

  3. Click Footer.

  4. Under Currency selector, select Show currency selector.

Ready to start selling with Shopify?

Try it free