Solved

How to remove double breadcrumb line from Berlin theme.

Naypalm
Tourist
8 0 0

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.

 

Screenshot 2024-05-02 at 08.46.16.png

Accepted Solutions (2)
Moeed
Shopify Partner
3767 952 1184

This is an accepted solution.

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:

Moeed_0-1714637068787.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

PageFly-Oliver
Astronaut
878 190 171

This is an accepted solution.

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

Replies 9 (9)

Moeed
Shopify Partner
3767 952 1184

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Naypalm
Tourist
8 0 0
Moeed
Shopify Partner
3767 952 1184

This is an accepted solution.

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:

Moeed_0-1714637068787.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Naypalm
Tourist
8 0 0

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

 

Moeed
Shopify Partner
3767 952 1184

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Naypalm
Tourist
8 0 0

where do i find the breadcrumb snippets?

Naypalm
Tourist
8 0 0

thanks for your help!

PageFly-Oliver
Astronaut
878 190 171

This is an accepted solution.

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
Tourist
8 0 0

that's great thank you for your help