How to create this lovely full screen slider effect for your WooCommerce Storefront home page
Step 1 - create the slider and insert into your page
Create your slider using Pootle slider and insert it into your home page
Step 2 - customize the header
There are just a couple of steps to get the slider looking great behind the header.
- Click customize page in the admin toolbar, and then select 'Make header come over content'.
Step 3 - make the header transparent
Now you just need to click select colour and then make the header colour transparent (so that the slider will show through it).
When you click on the colour selector, you'll see two colour sliders. The left hand one is for the base colour, the right hand selector sets the transparency for the colour. The further down you slide the right hand slider the more transparent the header will be.
Once you publish your page you should now see the slider nicely showing through the header. In the example above, I've set the menu to be aligned right, but this will work with the other navigation options with Storefront Pro.