Adding a navigation bar to your Shopify store is a great way to help visitors find what they are looking for. There are two ways to add a navigation bar: through the theme editor, or by adding code to your layout.
If you want to add a navigation bar through the theme editor, first go to the “Themes” tab of your Shopify admin. Then, click “Customize” next to the theme that you want to edit.
On the left hand side of the customization page, you will see a section called “Navigation.” Click on that, and then you can add and edit your navigation links.
If you want to add a navigation bar by adding code to your layout, you can do so by going to the “Layout” tab of your Shopify admin. In the “Layout” tab, click on “Edit HTML/CSS.” In the file editor, find the file called “Header.liquid.” In that file, look for the code that says “.”
That is where you will want to add your navigation links. To do so, simply add an unordered list (
- ) with list items (
- ) for each link. For example:
Once you have added your links, save your changes and you should see your new navigation bar appear on your shop’s frontend!