Minimal Headers and Footers
Minimal Header
When a subsite landing page needs to be used as an ad landing page (or any landing page where options/menus should be kept clean and to a minimum) use the following CSS to remove primary navigation, utility navigation and breadcrumb bar:
#s4-workspace .l-breadcrumb-bar, /* breadcumb bar */
#s4-workspace #l-nav-utility, /* utility nav bar */
#s4-workspace #l-nav-primary { /* primary nav bar */
display:none
}Because the primary and utility nav bars are tucked away in the hamburger menu on mobile, there is no need to hide the mobile versions.
Minimal Footer
To make a landing page even more minimal, the option to minify the footer is also available.
#s4-workspace #l-footer_cta, /* cta footer bar */
#s4-workspace #l-footer_main { /* main footer bar */
display:none
}