Full Width Header and Footer

[John Searles]

Hello – How do I create a full width Header and Footer in Encounters? This css doesn’t work: http://www.searlesart.com/

#header, #footer {
		min-width:100%;
	}

Also, I can only access page 1 in the Support Forum – clicking on any other page does nothing.

Thank you.

[John Searles]

it looks like the only way to do it is to have the Full Width template – is that correct? Any way to get a full width header & footer with a Boxed template?

[Shekhar Bhandari]

Hi John,

Yes you can use the full width template to show full width header and full width footer.

Thanks.

[John Searles]

Is there any way to get a full width header and footer while using the boxed 1170 format? The boxed effect looks nice, but it doesn’t have the full-width header & footer.

OK, I figured it out for the header. Now – how to do the footer? Here’s the site: http://www.johnsearles.com/. But now the breadcrumbs are lost.

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}

[Shekhar Bhandari]

Hi John,

You can do the same for footer use #footer-wrapper id to make it width 100%, and regarding the breadcrumbs have you activated the breadcrumb plugin?

Thanks.

[Author]

Posts