Docs

[markwest]

Hi,

I’m trying to get breadcrumbs to work on a site I’m creating, and whilst I have managed to get them to show on one draft page, they aren’t showing up on all the actual site pages?

So, I have Breadcrumbs turned on in Customiser > Header settings.

On the draft page (image attached in private message below with login details) you will see I’ve managed to alter some of the styling, using this CSS –

x-header-landmark {
padding: 0px;
}
h-landmark, .entry-title.h-landmark {
font-size: 145%;
}

Which shrinks the height of the breadcrumb bar right down.

What I’d like to achieve is have this thinner bar appearing over the top of the banner image (below the main nav) on each page – with the breadcrumb bar itself having a white tinted background and the breadcrumbs across to the left hand side.

I hope this makes sense and you can help me get this showing on the actual site pages.

Thanks

Mark

[markwest]

This reply has been marked as private.

[Joao]

Hi There,

I tried to access your website but I am getting:

This site can’t be reached

2106.bristolvineyard.com’s server DNS address could not be found.
Go to http://bristolvineyard.com/
Search Google for 2106 bristol vineyard admin
ERR_NAME_NOT_RESOLVED

Is it working on your end?

Let us know,

Joao

[markwest]

This reply has been marked as private.

[Paul R]

Hi Mark,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-landmark {
   display:none;
}

.x-breadcrumbs-wrap {
    float: left;
    width: auto;
    text-align: left;
}

.x-header-landmark {
    padding: 10px 0;
}

Hope that helps.

[markwest]

Hi Paul,

Thanks for your reply.

I’ve added that CSS, but still don’t see the breadcrumbs bar 🙁

Thanks for your help.

Mark

[Rue Nel]

Hey Mark,

Thanks for updating in! Please keep in mind that the landmark header which is the container of the breadcrumb is not visible if you are using any of these page templates:
– Container | Header, Footer
– Container | Header, No Footer
– No Container | Header, Footer
– No Container | Header, No Footer

This maybe the reason why the breadcrumbs is not showing up in your site.

Hope this helps.

[markwest]

Hi Rue,

Thanks for letting me know that.

All my pages are currently using ‘Blank – No Container | Header, Footer’

Please could you help me understand what template to use, or how to maintain the same layout/style but also have the breadcrumb bar?

Thanks very much.

Mark

[Jade]

Hi Mark,

Kindly follow the suggestions given on this thread:

https://community.theme.co/forums/topic/no-container-template-with-page-title-breadcrumbs-etc/#post-15054

Hope this helps.

[markwest]

Hi Jade,

Thanks for pointing me in the direction of the article.

Sadly, copying the template file to my child theme makes no difference – I don’t see it as an option to pick in the Page template drop-down, and further down the instructions it looks like the code in _landmark-header.php has changed from whatever version of X this article was written for.

I’m afraid I’m not a PHP developer, so I’m just not sure how to relate the article to what I’m seeing in the files.

I’d be really grateful for your further help in getting this fixed up on my site.

Thanks and best regards

Mark

[Christopher]

Hi there,

Please ignore our previous replay since the provided thread is old and it may not work any longer.

Copy _landmark-header.php from framework/views/renew and put it in the same path inside child theme, replace existing code with following :

<?php

// =============================================================================
// VIEWS/RENEW/_LANDMARK-HEADER.PHP
// -----------------------------------------------------------------------------
// Handles content output of large headers for key pages such as the blog or
// search results.
// =============================================================================

$disable_page_title = get_post_meta( get_the_ID(), '_x_entry_disable_page_title', true );
$breadcrumbs        = x_get_option( 'x_breadcrumb_display' );

?>

<?php if ( ! x_is_blank( 1 ) && ! x_is_blank( 2 )  && ! x_is_blank( 5 ) ) : ?>
  <?php if ( is_page() && $disable_page_title == 'on' ) : ?>

  <?php else : ?>

    <header class="x-header-landmark">
      <div class="x-container max width">
        <div class="x-landmark-breadcrumbs-wrap">
          <div class="x-landmark">

          <?php if ( x_is_shop() || x_is_product() ) : ?>

            <h1 class="h-landmark"><span><?php echo x_get_option( 'x_renew_shop_title' ); ?></span></h1>

          <?php elseif ( x_is_bbpress() ) : ?>

            <h1 class="h-landmark"><span><?php echo get_the_title(); ?></span></h1>

          <?php elseif ( x_is_buddypress() ) : ?>
            <?php if ( x_buddypress_is_component_with_landmark_header() ) : ?>

              <h1 class="h-landmark"><span><?php echo x_buddypress_get_the_title(); ?></span></h1>

            <?php endif; ?>
          <?php elseif ( is_page() ) : ?>

            <h1 class="h-landmark entry-title"><span><?php the_title(); ?></span></h1>

          <?php elseif ( is_home() || is_single() ) : ?>
            <?php if ( x_is_portfolio_item() ) : ?>

              <h1 class="h-landmark"><span><?php echo x_get_parent_portfolio_title(); ?></span></h1>

            <?php else : ?>

              <h1 class="h-landmark"><span><?php echo x_get_option( 'x_renew_blog_title' ); ?></span></h1>

            <?php endif; ?>
          <?php elseif ( is_search() ) : ?>

            <h1 class="h-landmark"><span><?php _e( 'Search Results', '__x__' ); ?></span></h1>

          <?php elseif ( is_category() || x_is_portfolio_category() || x_is_product_category() ) : ?>

            <?php

            $meta  = x_get_taxonomy_meta();
            $title = ( $meta['archive-title'] != '' ) ? $meta['archive-title'] : __( 'Category Archive', '__x__' );

            ?>

            <h1 class="h-landmark"><span><?php echo $title; ?></span></h1>

          <?php elseif ( is_tag() || x_is_portfolio_tag() || x_is_product_tag() ) : ?>

            <?php

            $meta  = x_get_taxonomy_meta();
            $title = ( $meta['archive-title'] != '' ) ? $meta['archive-title'] : __( 'Tag Archive', '__x__' );

            ?>

            <h1 class="h-landmark"><span><?php echo $title ?></span></h1>

          <?php elseif ( is_404() ) : ?>

            <h1 class="h-landmark"><span><?php _e( 'Oops!', '__x__' ); ?></span></h1>

          <?php elseif ( is_year() ) : ?>

            <h1 class="h-landmark"><span><?php _e( 'Post Archive by Year', '__x__' ); ?></span></h1>

          <?php elseif ( is_month() ) : ?>

            <h1 class="h-landmark"><span><?php _e( 'Post Archive by Month', '__x__' ); ?></span></h1>

          <?php elseif ( is_day() ) : ?>

            <h1 class="h-landmark"><span><?php _e( 'Post Archive by Day', '__x__' ); ?></span></h1>

          <?php elseif ( x_is_portfolio() ) : ?>

            <h1 class="h-landmark"><span><?php the_title(); ?></span></h1>

          <?php endif; ?>

          </div>

          <?php if ( $breadcrumbs == '1' ) : ?>
            <?php if ( ! is_front_page() && ! x_is_portfolio() ) : ?>
              <div class="x-breadcrumbs-wrap">
                <?php x_breadcrumbs(); ?>
              </div>
            <?php endif; ?>
          <?php endif; ?>

          <?php if ( x_is_portfolio() ) : ?>
            <div class="x-breadcrumbs-wrap">
              <?php x_portfolio_filters(); ?>
            </div>
          <?php endif; ?>

        </div>
      </div>
    </header>

  <?php endif; ?>
<?php endif; ?>

Hope it helps.

[markwest]

Hi Christopher,

Thanks, that’s great.

I hope you’ll be able to help me with just a couple more tweaks to get it exactly how I’d like please?

The breadcrumb currently seems to miss-out the top-level meuu items from the breadcrumb list –

See the attached screenshot. Here I’d really like the breadcrumb to be

‘Home >> Church Life >> Small Groups >> Going where the spirit leads’

as ‘Church Life’ is actually a page you can go back to.

Also, from a styling perspective, would it be possible to have the breadcrumb bar always visible please, and over the top of the banner image – with an opaque background – so it is always there and the page doesn’t shift down when it appears?

Thanks very much for your help in getting this sorted.

Kind Regards

Mark

[markwest]

This reply has been marked as private.

[Christopher]

Hi there,

If you want to display ‘Small Group’ in breadcrumbs, you have to set ‘Small Group’ as ‘Small Group – Going where the spirit leads’ parent page.

Hope it helps.

[markwest]

Hi,

So, I think I’ve figured out the issue with top level items not showing – found this article –

https://community.theme.co/forums/topic/breadcrumb-not-showing-inactive-parent-link/

Adding the Parent pages seems to fix that problem.

So, it’s just getting the bar to show the whole time now over the top of the banner image.

Thanks again

Mark

[Author]

Posts