How can I add a navigation bar under the menu in the Dawn theme?

Store Design
,

Topic summary

A user working with the Dawn theme wants to add a navigation bar (breadcrumbs) below the main menu.

Proposed Solutions:

  • Code Implementation: Create a new snippet file named ‘breadcrumb’ with specific Liquid code that excludes breadcrumbs from index, cart, collections list, and 404 pages. Insert the render statement above {{ content_for_layout }} in the theme.liquid file.

  • Alternative Approaches: Use the theme’s custom-liquid section through the visual editor instead of directly editing code files, or implement breadcrumbs via Shopify apps.

Resources Provided:

  • Shopify’s official liquid code examples for breadcrumb navigation
  • Category Breadcrumbs Uncomplicated app from Shopify App Store

Status: The discussion remains open, awaiting confirmation from the original poster on whether the suggested solutions meet their needs.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

how to have a navigation bar under menu

I am using dawn theme

Screenshot 2024-01-01 at 10.11.17 PM.png
Screenshot 2024-01-01 at 10.11.17 PM.png2290×968 203 KB

2

Hi @chewing
This is called the breadcrumbs and you can add this kind of navigation using the below code
Create a snippet, Name it breadcrumb, and add the below code


{%- unless template == 'index' or template == 'cart' or template == 'list-collections' or template == '404' -%}
{%- assign t = template | split: '.' | first -%}

{%- endunless -%}

Then goto theme.liquid and find {{ content_for_layout }} and below code above the {{ content_for_layout }} https://prnt.sc/dNwUfSYaVdkO

{% render 'breadcrumb' %}
1 Like
3

@Huptech-Web Dawn has a custom-liquid section encourage usage of that through the visual theme editor instead of merchants directly editing code files.

4

Hi @chewing
If the solution presented meets your needs and addresses your query effectively, I encourage you to accept it as the chosen answer. This will acknowledge the support you received and aid fellow community members in identifying reliable and effective solutions for their similar concerns.
Thank you.

5

Hello @chewing ,

I understand you are looking to add breadcrumbs in your site to provide easy navigation for the visitors.

You can implement this by adding code snippets or using a Shopify app.

Please take a look at below mentioned link for the code and shopify app.

I hope this helps you.

Please let me know if you have any query.

Thank you.