Trouble using genesis_before_header Hook

Homepage › Community Forums › Epik Theme Support › Trouble using genesis_before_header Hook

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 28, 2013 at 6:46 pm #4913
    JokeAndBiagio
    Customer

      Hi,

      I’m trying to place an image and list of social media icons before the header. Ideally, these would float over white.

      Unfortunately, it seems to be sitting inside the header instead of outside of it. Also, if the browser opens too wide, the header turns sideways into a very thin strip separating the image from the icons and looking insane. But you have to open up the browser wide to see the behavior.

      Here’s the link:

      http://accessdv.com/pdsandbox/

      Here’s a snap shot in case you can’t see it happening:
      <IMG SRC=”http://accessdv.com/pdsandbox/wp-content/uploads/2013/05/crazybehavior.jpg&#8221;

      How I got here:

      Using Genesis Simple Hooks I’ve added this code to the genesis_before_header Hook field:

      <div class="feature-left">
<img src="http://accessdv.com/pdsandbox/wp-content/themes/epik/images/joke-biagio-make-reality-tv-and-documetnary-series.png" alt="jokeandbiagio">
</div>
<div class="feature-right">
<div class="demo">
            <ul>
                <li><a href="#" title=""><span class="icon"><i aria-hidden="true" class="icon-facebook">
                </i></span><span>Like</span> </a></li>
                <li><a href="#" title=""><span class="icon"><i aria-hidden="true" class="icon-google-plus">
                </i></span><span>Add</span></a> </li>
                <li><a href="#" title=""><span class="icon"><i aria-hidden="true" class="icon-twitter">
                </i></span><span>Follow</span></a> </li>
                <li><a href="#" title=""><span class="icon"><i aria-hidden="true" class="icon-pinterest">
                </i></span><span>Pin it</span></a> </li>
                <li><a href="#" title=""><span class="icon"><i aria-hidden="true" class="icon-feed">
                </i></span><span>Subscribe</span></a> </li>
                <li><a href="#" title=""><span class="icon"><i aria-hidden="true" class="icon-stumbleupon">
                </i></span><span>Stumble</span></a> </li>
            </ul>
        </div>
</div>

      Thanks for any help.

      Best,
      Biagio

      May 28, 2013 at 11:59 pm #4918
      Eric
      Customer

        There is so much going on in the header I’m not quite sure how to help…..I can’t tell what its supposed to look like since everything shows up scattered on my end (I’m using a Mac ).

        To answer your original question regarding the genesis_before_header hook…..you could try adding a priority if its not showing up in the order that you want.

        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        May 29, 2013 at 12:02 am #4919
        JokeAndBiagio
        Customer

          Thanks, Eric. I’m also on a Mac. If you take your browser and make the window a little smaller, it will all “snap” into place. I’m googling the priority thing now, but if you can take a peek with a smaller window and see if that gives you any isight that would mean the world.

          Best,
          Biagio

          May 29, 2013 at 12:24 am #4922
          Eric
          Customer

            For the priority, here is an example –

            before –
            add_action( 'genesis_before_header', 'genesis_do_subnav' );

            after –
            add_action( 'genesis_before_header', 'genesis_do_subnav', 1 );

            notice I added a comma at the end and the number “1”

            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)
          • You must be logged in to reply to this topic.