I’m trying to create a full screen carousel for a homepage, but I’d also like the whole site to have a max width. At the moment I can’t get both to work at the same time and I have a few snags with the full screen carousel.
I’m essentially aiming for something that works like: this (with carousel captions, slide numbering and parallax), but with a max width for the whole site.
I’ve followed this thread and have got the full screen carousel working. But it’s missing the captions and slide numbering (which should be on top the carousel) and I had to turn the max width off to get it work.
Turning on parallax on the carousel also made the captions separate, well below the carousel itself. But I’m also not sure if I'm using parallax there correctly; should I set the content below to have a faster y-parallax speed?
So in short, I’m looking to have:
- Full screen carousel, on one page (‘home’), with captions and slide numbering.
- Set a max width for the content and menu, across the website.
- Use parallax to ‘cover up’ the full screen carousel