Static sections for Brooklyn
Brooklyn includes several static sections that appear in predetermined locations in your online store. These sections can't be removed or re-arranged. Static sections might include header, footer, or navigation sections. To learn about static sections that appear on content pages like product pages and collection pages, refer to Page sections for Brooklyn.
Header
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:
- A logo
- A navigation menu
- An announcement bar
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.
Add a custom logo
You can add a custom logo to your store.
If you don't add a logo image, then your store name is displayed as text. You can change your store name on the Store details settings page in your Shopify admin.
- Custom logo width: The width of the logo.
Add and configure your logo
- From your Shopify admin, go to Online Store > Themes.
- Next to Brooklyn, click Customize.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
- Click Header.
- In the Logo image area, click Select image, and then do one of the following:
- To select an image that you have already uploaded to your Shopify admin, click the Library tab.
- To select an image from your local computer, click Library > Upload.
- Use the settings to customize the size and placement of your logo.
- 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.
- From your Shopify admin, go to Online Store > Themes.
- Next to Brooklyn, click Customize.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
- Click Header.
- In the Navigation area, adjust your navigation settings.
- Click Save.
Add an announcement bar
You can add an announcement bar in the header that you can use to show a message to your customers. Your message is customizable and might include contact information, information about store events or sales, or a store slogan.
- From your Shopify admin, go to Online Store > Themes.
- Next to Brooklyn, click Customize.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
Click Header.
-
In the Announcement bar area, check Show announcement.
Select Home page only to display the announcement message on the home page only.
Enter the text for your announcement.
Optional: Enter a URL to add a link to your announcement.
To change the color of the announcement bar background, click the Bar color swatch and choose a color.
To change the color of the announcement text, click the Text color swatch and choose a color.
Click Save.
Change the color of your header links and icons
- From your Shopify admin, go to Online Store > Themes.
- Next to Brooklyn, click Customize.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
- Click Header.
- Click the Links and icons color swatch and choose a color.
- 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.
- From your Shopify admin, go to Online Store > Themes.
- Next to Brooklyn, click Customize.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
- Click Header.
- In the Transparent header area, check Enable transparent header on the homepage.
- Optional: In the Transparent logo area, click Select image, and then do one of the following:
- To select an image that you have already uploaded to your Shopify admin, click the Library tab.
- To select a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.
- To select an image from your local computer, click the Library tab, and then click Upload.
- To change the color of the links and icons, click the Transparent header links and icons color swatch and choose a color.
- Click Save.
Footer
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. When a customer visits your store, these icons are filtered so that only the payment methods that are supported in the current customer's region and currency are displayed.
- From your Shopify admin, go to Online Store > Themes.
- Next to Brooklyn, click Customize.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
Click Footer.
Check Show payment icons.
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.
- From your Shopify admin, go to Online Store > Themes.
- Next to Brooklyn, click Customize.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
Click Footer.
To select a menu, click Change. Select a menu from the list or click Create menu to create a new one.
To edit the menu, click Edit menu.
Click Save.
Add a language selector
You should only add a language selector if you have enabled multiple store languages.
- From your Shopify admin, go to Online Store > Themes.
- Next to Brooklyn, click Customize.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
Click Sections.
Click Footer.
Under Language selector, select Show language selector.
Click Save.
Add a currency selector
You should only add a currency selector if you have enabled multiple currencies.
- From your Shopify admin, go to Online Store > Themes.
- Next to Brooklyn, click Customize.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
- From the Shopify app, tap Store.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Next to Brooklyn, tap Customize.
- Tap Edit.
Click Footer.
Under Currency selector, select Show currency selector.
Click Save.