Changes to graphene_header action hook?

  • omgfloofy


    I’ve been using the graphene_header action hook to display social media icons over my header on my website for awhile now, but with the most recent update that went out, the icons have completely changed position. They were once running horizontally at the upper right hand corner of the header, at 100% size.

    Now they’re running vertically over my sidebar on the right instead, and at 400% size.

    I’ve been fiddling with the CSS but I can’t seem to get changes to take affect with it. The only way I can run with this is remove them entirely, and that’s something I’d rather not do, as I was relatively fond with them being where they were and outside of the rest of the page’s content.

    My site is here:




    As this site has a decent amount of traffic, I can’t leave a break that actually causes major issues with the UI live without having to fix it for a period of time.

    I’ve got it fixed by adding the following CSS to it:

    #header .sidebar-wrap img {
      width: auto;
      margin-top: -340px;

    I would like to know if there is a more complete way to solve this issue, though. I suspect that this code is just a bandaid that will break again in another update…


    Syahir Hakim


    This is a bit of a difficult issue because we need the header image to works as it currently does in order to make it responsive, i.e. adapt the width and height to different screen sizes. The effect of this is that anything placed in the graphene_header action hook will be placed after the header image, not on top of it. You can read a more detailed explanation about this here:

    For now, the CSS you added is the correct way of solving it. We’ll figure something of a more permanent fix in the next update.



    Okay, thanks for the heads up.

    Additionally, as I tend to use the action hooks semi-often on my site, I’ve referenced the map quite a few times. There’s a link to it in the customize features under Graphene Advanced, but the link goes to a page not found.

    The link is this:

    Do you have an updated version or an updated link to it?



    Syahir Hakim


    The Graphene Hooks Map site should be working again now.

Viewing 5 posts - 1 through 5 (of 5 total)

  • You must be logged in to reply to this topic.