How to remove double breadcrumb line from Berlin theme.

Naypalm · ‎05-02-2024

Anyone have any ideas on how to remove this double line of breadcrumbs from my collection pages? I only want one or the other - not both.

Moeed · ‎05-02-2024

Hey @Naypalm

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 </body> tag.

<style>
main#MainContent nav.breadcrumb {
    display: none !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications

View solution in original post

PageFly-Oliver · ‎05-02-2024

Hi @Naypalm ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

{% if template contains "collection" %}
<style>
main#MainContent nav.breadcrumb {
    display: none !important;
}
</style>
{% endif %}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Moeed · ‎05-02-2024

Hey @Naypalm

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications

Naypalm · ‎05-02-2024

www.lali-apparel.com

LovingIt

Moeed · ‎05-02-2024

Hey @Naypalm

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 </body> tag.

<style>
main#MainContent nav.breadcrumb {
    display: none !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications

Naypalm · ‎05-02-2024

thank you, it's a bit slow in covering up the second breadcrumb line - have I placed the code correctly?

Moeed · ‎05-02-2024

If it's slow in covering up the second breadcrumb line then add the code below <head> and remove it from above </body>

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

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications

Naypalm · ‎05-02-2024

where do i find the breadcrumb snippets?

Naypalm · ‎05-02-2024

thanks for your help!

PageFly-Oliver · ‎05-02-2024

Hi @Naypalm ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

{% if template contains "collection" %}
<style>
main#MainContent nav.breadcrumb {
    display: none !important;
}
</style>
{% endif %}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

Naypalm · ‎05-02-2024

that's great thank you for your help

How to remove double breadcrumb line from Berlin theme.