Sure thing… It was actually a lot easier than I thought it would be. But I managed to get it to work.
This is nowhere near final quality, but here’s how it looks after I threw a few things in rev slider to test it: http://www.madisonjazz.com/main
Here’s what I did (based on Jeff’s suggestion):
SLIDER SETUP:
1. Create your slider in revolution slider, and use “homepage” as the alias.
2. Select slider type “Full Width” and set grid width: 960 & max height of 500 (note: this is shorter than the standard one, so you can make it as tall as you want. I liked the look of 500)
In the right-column, open “Position” and enter margin top: -100 and margin bottom: -60
3. Add a couple slides so it’s testable.
CREATING A STATIC BLOCK:
1. Go to Static Content->Static Blocks->Add New
2. Name it something descriptive (I used “Header – Revolution slider”)
3. Switch editor to text mode (via the tab on the right)
4. Enter the following code in the editor:
<div style="margin-left:-22px;margin-right:-22px;">[rev_slider homepage]</div>
5. Click Publish
CHANGING THE HOMEPAGE LAYOUT:
1. Click Appearance->Layouts
2. Click Add new Header (below the headers listing)
3. Give it a descriptive name (I chose to name it “Homepage – Revolution Slider”)
4. Choose an alternate logo, or different logo sizing if desired
5. Primary Content: Choose the static block you created previously
6. Make any personalization changes you desire
7. Click Save Header
8. Under “Layouts” choose “Home Page”
9. Ensure Header is “Homepage – Revolution Slider” (or whatever you called it)
10. I created an actual page for homepage content, so my client would be able to find it easier, and added that as a “static content container”
11. Click Save
Now the revolution slider should be in the forefront, and behaving just like the included slider. The negative margins are to make it truly full width, touching the top of the browser, and menu overlapping on the bottom, just like the original.
Hope that helps!
