Moving Clickable Image in Header

[bridgeoflifemm 0]

Hello, I'm working on a new design for our current website (hence the testerzone URL). One of the main issues I'm having is positioning our "Donate" button in the right spot in our header. I've tried a few thing, but no matter how I try to position it, it will move around based on the size of the user's computer screen. How can I get it so that it will be positioned on the right-hand side of the header, above our social media icons? Your help is greatly appreciated. Thank you. Website: testerzone.com/bridgeoflifemm

[catrina 103]

Did you add the donate button using a hook or some other means using code? It can probably be fixed with CSS.

[bridgeoflifemm 0]

It was added in the Custom CSS section.

[Rob 547]

The problem you're facing is that you're missing the hook. Essentially with just CSS, you have the button 'floating' over the branding area, rather than actually in the area. When you try to position it, there's nothing for it to position against, hence positioning will result in the item being relative not the the page design and branding area but to the browser. See: http://www.pagelines.com/wiki/How_to_Use_the_PageLines_Customize_Plugin for information about using hooks.