One of the limitations in Canvas is that you can only set one header background image for the whole site. This severely limits the design, look and feel of Canvas sites.
In this free 7-step video tutorial we show how to create a contextual header, where the header background images are inspired by individual page content – producing a nice design effect for your visitors.
Enjoy and let us know if you have any questions in the comments below!
Step 1 – Introduction
Step 2 – Creating a default full width background header
Step 3 – Create the transparent logo
Step 4 – Creating the primary navigation
Step 5 – Centering the logo and menu with the center logo and menu Canvas Extension
[box type=”tick”]You can purchase the Center Menu and Logo Canvas Extension from the PootlePress Store for $8[/box]
Step 6 – Preparing images using Flickr.com/search
Step 7 – Using the Replace Header Image per Page Canvas Extension