How can I conceal breadcrumbs on the login page?

Topic summary

A user seeks to hide breadcrumbs on their Shopify store’s login page, sharing a screenshot showing the breadcrumb navigation.

Proposed Solutions:
Multiple respondents suggest similar approaches involving custom CSS:

  • Access Online Store > Themes > Edit Code
  • Locate the theme.liquid file
  • Insert CSS code to hide breadcrumbs

Implementation Details:

  • Some recommend placing code above the </body> tag
  • Others suggest positioning it above the </head> tag
  • One solution includes conditional logic using {% if template.name == 'login' %} to target only the login page

All responses include code snippets (though text appears reversed/encoded in the original thread) and screenshots demonstrating the implementation steps. The discussion remains technical, focused on theme customization through Liquid template editing.

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

https://www.makerlab-electronics.com/account/login

1 Like

Hey @niceeee

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

Hi @niceeee

Please follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Please find theme.liquid file
  4. Add the following code above tag

Hello there,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Layout > theme.liquid and paste this at the bottom of the file:
{% if template.name == 'login' %}

{% endif %}