Move Breadcrumbs under Scrolling Announcement Bar

Move Breadcrumbs under Scrolling Announcement Bar

75 3 30

Hello - I installed a custom breadcrumb code and cannot figure out how to move them below a Section Store Scrolling Banner in the section builder..  I looked at the I need it done on Product pages and Collection pages..  Ive attached a photo and maybe someone could tell me what they need to know in order to move the breadcrumb code..  heres the URL -


{% sections 'header-group' %}

<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
{%- if settings.show_breadcrumb_nav -%}
{% render "breadcrumbs.liquid" %}
{%- endif -%}
{{ content_for_layout }}

{% sections 'footer-group' %}


section builder (1).jpgbreadcrumbs under banner (1).jpg

Reply 1 (1)

Shopify Partner
6969 1658 2048

Hi @Ryanp 

It a bit confusing, if its an annoucemnet bar why you place in the template? It should be on the header right? The header can have more announcement bar. 

You can drag the anouncement bar below of top of the header. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.