Language selection

Search


Display sub-footer band only, with no optional links

The global (site-wide) footer at the bottom of each web page contains up to 3 bands:

The sub-footer band is mandatory on all page types, but on transactional and campaign pages, you can omit the Social media, Mobile applications and About Canada.ca links.

Reference implementation

Expected output code - Minimum footer with only sub-footer band and no optional links
<footer id="wb-info">
	<h2 class="wb-inv">About this site</h2>


	<div class="gc-sub-footer">
		<div class="container d-flex align-items-center">
			<nav>
				<h3 class="wb-inv">Government of Canada Corporate</h3>
				<ul>
					<li><a href="https://www.canada.ca/en/transparency/terms.html">Terms and conditions</a></li>
					<li><a href="https://www.canada.ca/en/transparency/privacy.html">Privacy</a></li></ul>
			</nav>
			<div class="wtrmrk align-self-end">
				<img src="https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/assets/wmms-blk.svg" alt="Symbol of the Government of Canada" />
			</div>
		</div>
	</div>
</footer>

For GCWeb-Jekyll theme

By setting the noFooterContextual, noFooterMain and noFooterCorporate variables to “true”, the contextual and main footer bands as well as optional links from the sub-footer band will be hidden on page load.

Guidance

Consult the Canada.ca Design System for guidance on which footer elements to use based on the type of page you’re creating:

Page details

Date modified: