How to create a beautiful fullscreen website with WooThemes Storefront

Following on from my Elegant Themes Divi fullscreen website tutorial, here’s one for WooThemes Store

This tutorial uses the following plugins.

I’ve also used the free pootle page builder storefront child theme.

Here’s the video tutorial, and below that is the custom css you will need.

If you’d like to see a live example of this page click this link woothemes storefront fullscreen demo.

If you have any questions, please feel free to leave them in the comments below.

And here is the custom css you will need


9 responses to “How to create a beautiful fullscreen website with WooThemes Storefront”

  1. I really like the design. I just have a few questions. The page that was being edited, was it the home page? Also, how does the button work? I would have really liked to see where the button leads to.

  2. Thank you Jamie for the informative and helpful tutorial. Would you by chance know how to remove the blank space below the bottom border (.hentry)?

  3. Awesome. I was trying to do this the whole day with no sucess.
    Thank you. You rock!

    1. Jamie Marsland Avatar
      Jamie Marsland

      Thanks Walfrido 🙂

  4. Hi mate,

    I have a single line running across screen with header colour. Not sure how to address this.

  5. Really helpful! keep the good work up! 🙂

  6. I can’t make the header in my storefront themes to looks transparent by using your code as below.

    /* This makes the header transparent so that the background image shows through */

    .site-header {
    background-color: transparent;

    Previously I have added an additional css in my themes so the header will stick on the top when i scroll the page down, is that affecting the transparent background color? could you help me with this please?
    Thanks in advance

  7. nitormedia Avatar

    Jamie, Thank you so much for the guidance – it looks beautiful – thanks to you!
    I had the same problem as BTphp and used Title Toggle for Storefront Theme to toggle it off.
    I also have same line as Willay – but I prefer the line. It looks good.
    Thank you.

  8. Great! Very Easy to use !

Leave a Reply

Your email address will not be published. Required fields are marked *