On one of our recent WordPress Xpress days we were challenged by a really creative design concept (specifically how to create a header, navigation and main image all to look like one stunning hero area). Luckily we know a thing or two about Canvas, so we were able to create this stunning feature.
We also love sharing our knowledge with you all, so knocked up this additional Canvas video tutorial for it.
As usual please use the comments to let us know whether you liked this, whether you want more and any questions or suggestions you have.
Step 1 – Introduction
Step 2 – Sizing the elements
Step 3 – How to create your header and nav bar
Step 4 – How to create your slider
Step 5 – How to add the header and slider
Step 6 – How to upload a background image for your menu
Step 7 – How to reduce the slider gap
Step 8 – Header and Nav
Step 9 – How to create transparent menus
And here is the CSS you will need – click here to get the CSS
Let us know what you think in the comments below and show us any sites you have done using this tutorial.
For more tutorials, check out the PootlePress Academy.