Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #13930

    Hi I’ve added the search bar to the header as per this post: (Purchase code hidden if logged out)

    That has worked great, thanks. But I’m now trying to have the info bar not cover the search bar. I edited the #info_text_header.maximized and this works. But if you click close the info bar and then open it again it goes back the full size, covering the search over to the social icons (of which I only have 3.) I just can’t seem to get that to work no matter what I do.

    Your help would be very much appreciated. Thanks!


    Hi aoifekel,

    We’ll need to take a look at your page to see exactly what you have now before giving out any fixes. I don’t want to point you in the wrong direction or give out any changes that will end up making things worse :)




    Hey can I pm you with login details. The site isn’t viewable to the public yet. Thanks.


    You can send the information to my email at DevinVinson (at) Make sure to include a link to this topic so that my spam filter doesn’t grab it :)




    I just sent you an email but here is a copy for anyone else looking for the same thing:

    Add the following to your quick css:

    .social_container #searchform {
    z-index: 160;

    Then open your functions.php and search for 43. This should bring you to the notification function. To that line, add + 212 so that the padding gets another 212 pixels added to it for your search bar length.

    $padding = $padding * 43 + 212;

    The z-index change above is what gets the search bar in front of the pink background so you’ll need to tweak the search form css a bit if you want to keep the white background on it.




    Can’t thank you enough Devin. Really appreciate it.

    Kind Regards,



    Glad I could help :)



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

The topic ‘How to not cover the search in the header by the info bar’ is closed to new replies.