Docs

[armintz]

i’m a bit baffled after reading this thread:

https://community.theme.co/forums/topic/full-width-banded-page-how/

…to create a full width section (i.e. with a background color stretching across the entire width of the screen) the only practical option (page template > layout – full width) removes the page title/breadcrumbs area… why?

i can see why this would make sense on your home page (where you likely won’t want breadcrumbs, or a big “home” title, etc) but if you wanted to set a full width section on a page that’s not your home page, your breadcrumbs and page title would be missing… bad UX.

is there a reason the theme sets it up this way?

i love X, but you should take a page out of udesign’s book – see screenshot. allows you to set layouts and header options on a page by page basis versus global.

thanks

[Darshana]

Hi there,

Thanks for writing in! Fullwidth page doesn’t hide breadcrumbs or page title (https://snag.gy/bR0DcU.jpg). Could you please provide us with the URL to your page? so that we can check.

Thanks!

[armintz]

Maybe my original post wasn’t clear.

On my home page (using the ‘Blank No Container’ template) I am given Section options to set background colors, background image, background video, etc… these go the full width of the section and look great. See first screenshot.

Now if I try to achieve a similar full-width background to a section, this time on another page that’s using a different template (such as the full width template) – it looks like the second screenshot I’ve attached – you will see the background color doesn’t go to the edges of the browser.

I’ll reply with my URL, it’s password protected. Thanks

[armintz]

better 2nd screenshot illustrating full width template issue

[armintz]

This reply has been marked as private.

[Lely]

Hi There,

Thank you for the screenshots.
Fullwidth uses container. This container applied your Site Max width and and site width you have set on the customizer. Please try to use Page template with No Container instead.

Hope this helps.

[armintz]

this is exactly the point of my original post.. ‘no container’ templates remove your page title area.

[Rue Nel]

Hello There,

We have designed the No Container page templates that way not to have the page title. These page templates is good for creating a homepage or a landing page that doesn’t require a page title. If you want to display the page titles please use the Layout – Fullwidth and other page templates. If you want to use No Container templates but would like to have the page titles, since you have your child theme active and ready, please follow the following steps below:
1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file

<?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 ( 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; ?>

3] Save the file named as _landmark-header.php
4] Upload this file to your server in the child theme’s folder
wp-content/themes/xx-child/framework/views/renew/

Hope this helps. Kindly let us know.

[armintz]

i appreciate the php mod, but i don’t want to mess with core files, even with a child theme.

why not have a theme option to disable/enable the page title/breadcrumb area on a page by page basis? i realize that may require quite a bit of development, but what’s the rationale for not including the page title/breadcrumb area with a true full width (i.e. no container) layout? not trolling, just genuinely don’t understand why it would be designed like this out of the box.

i can see why you wouldn’t want a page title/breadcrumbs on your home page, but the ability to create no-container sections on your other pages would probably be ideal for a lot of users. thanks

[Rad]

Hi there,

I’ll forward that as the feature request. To summarize this, you wish to have a No Container template with title and breadcrumbs?

Thanks!

[armintz]

Correct.

[Christian]

Thanks. This has been forwarded as feature request.

[armintz]

the steps in post #1158139 work but is there a way to prevent the page title/breadcrumb area from displaying on the home page?

[armintz]

disregard last post. after 13 X installs, i just saw that you can disable individual page titles from the main page editor area (Page Settings > Disable Page Title)

thanks

[Rupok]

Glad that you figured it out already. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts