Would like a full width site AND have breadcrumbs

[hypnorich]

I am using the page template “no container - header and footer” so that I can have a fullwidth site. I did set the site to full width in “theme options” and tried using the default template but it didn’t work and the pages were still boxed.

I would like to have breadcrumbs and have the site full width but can’t seem to find any way of doing this. Do you have any ideas where I am going wrong?

Thanks

[nico]

Hi @hypnorich,

Thanks for writing in.
Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your email. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks.

[hypnorich]

I am struggling Nico to think of a different way of saying what I have already said but I will try…

I want to have a full width website
I would like to have breadcrumbs on the site

How do I achieve both goals on the one site please?

[rad]

Hi @hypnorich,

There must be some confusion, I’m still bit confused too since your pages are already in full-width with no container templates. Perhaps you can provide a URL where it still displays a box layout.

As for the breadcrumbs, please add this code to your child theme’s functions.php

add_action('x_after_masthead_end', 'x_breadcrumbs');

Thanks!

[hypnorich]

Thanks for the info Rad. I have added the code but with no effect.

The site is full width but despite my best efforts the breadcrumbs don’t show up. Some people on a FB group I am on said that pages should be the default template as standard except in occasional circumstances like home pages etc. They said that default templete is full width but for me it isn’t. They said if it was in default template and breadcrumbs were enabled then I’d be able to have the whole site full width and also have breadcrumbs. I haven’t been able to match up their advice with what happens on my site so I thought I would ask you guys for help.

[ruenel]

Hello There,

Thanks for updating in! You are using Blank - No Container | Header, Footer page template. This template does not have the landmarkmark header which consists of the title and the breadcrumbs. To be able to have the breadcrumbs, please remove the code given by Rad and replace it using this instead:

add_action('x_after_view_integrity__landmark-header', 'x_breadcrumbs');

Please let us know if this works out for you.

[hypnorich]

@RueNel

add_action(‘x_after_view_integrity__landmark-header’, ‘x_breadcrumbs’);

That has worked, sort of. On desktop the breadcrumbs show but aren’t hyperlinked, though they are on mobile view. It would be great if they could be. Could you let me know how to add a bit of margin to the left of the breadcrubs on desktop so it is not hard up against the edge of the screen? Also could you tell me how to put a light grey background behind the breadcrumbs please?

Finally, I have only just noticed that breadcrumbs were previously enabled on mobile view and now there are 2 lots of breadcrumbs on mobile view. The original breadcrumbs on mobile look better to be honest. Is there a way to have the breadcrumbs like the mobile view but have that across the whole site in all formats please?

[hypnorich]

I have just been editing a page and saw that there are 2 lots of breadcrumbs there! Have a look at the screenshot…
Could it be the breadcrumbs are there already but the header is hiding it in some way?

[rad]

Hi there,

You can remove the code now, your site actually has the breadcrumb but just covered by the sticky header. To fix it, please go to Theme Options > Header > Navbar Top Height and set it to 70, it’s currently set to 40.

Thanks!