You need to use CSS for this. Something like:
div.gch-header-scripts {
position: absolute;
top:300px;
}
That should get you started, you just need to layer the .gch-header-scripts div on top of the .gch-header-image div. Using position: absolute and top: ___px is usually the way to go with something like this.
Awesome, that worked! However my raw code is rendering over the nav primary header. Is there something I can do to make it scroll beneath?
Thanks so much!
Sure thing, that is another CSS thing. Try modifying the previous code I gave to:
div.gch-header-scripts {
position: absolute;
top:300px;
z-index: 100;
}
The z-index on your nav bar is set to 999, so you want to set the raw code to a lower number. This is occurring because of position:absolute. Once you start layering things, you end up having to deal with z-index.
