Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Nick Diego

    (@ndiego)

    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.

    Thread Starter private

    (@remery)

    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!

    Plugin Author Nick Diego

    (@ndiego)

    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.

    Thread Starter private

    (@remery)

    Thank you, that worked!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header Raw Content – Placement options?’ is closed to new replies.