ThornyJohn

Here’s everything I did up to now, in order:

1. Installed the LowerMedia Sticky.js Menu plugin. My theme is WordPress Twenty-Eleven and I am using the Dark color scheme under theme options). The plugin worked okay except for the searchbox, which detached itself from the navbar and ended up on the sidebar. At this point, both of the settings in LowerMedia Sticky.js were empty.
2. Added #searchform to the “Additional Sticky Object” setting. The searchform ended up back inside the navbar, but there was now a big gap between the navbar and the header graphic, and the searchbox behaved strangely when scrolled (it would disappear behind the sticky navbar).
3. Added a child theme to handle the graphic in the navbar, but I’ll worry about that issue later. As such, I have removed the child theme and am back to just using basic Twenty-Eleven with the Dark color scheme.
4. Added #access to the “Sticky Object” setting for LowerMedia Sticky.js. There was no change at all from having the settings entries blank, meaning the searchbox is in the sidebar and scrolls with the sidebar.

The only time that the searchbox was inside the navbar was when I added #searchform to the “Additional Sticky Object” setting, but even then, it did not scroll correctly.

Adding #access to either field (I tried both, just in case) does nothing. It is the same as leaving both fields blank.

Addendum: I just reloaded my website and the behavior is now different:

The menu bar is no longer sticky, while the searchbox is sticky and on top, but it is the only thing that is sticky.

I have made no further changes to any of the options or the child theme since my previous post; I only reloaded the web site on my web browser (Firefox 30).

My website is at johnlipski.com and here’s what I’ve done so far and what has happened:

I created a basic child theme and added your code from the above, only changing the location of my graphic and its size (I was not using anything but the base WordPress Twenty Eleven theme prior).

I added #MainMenu to the LowerMedia Sticky JS “Sticky Object” settings and #searchform to “Additional Sticky Object.”

Problems:

• The first option of the Menu (Projects) is covered by the graphic.
• There is a space between the menu bar and the header graphic that should not be there. If I remove any mention of #searchform that space disappears.
• The searchbox shows up in the correct place now, but if you scroll the page until the menu bar becomes sticky, the searchbox first jumps out of place and then shows up behind the menu bar.
• The graphic shows up, but is not centered vertically.

Hopefully, we can make this work.