Jump to content
Sign in to follow this  
bridgeoflifemm

Moving Clickable Image in Header

Recommended Posts

bridgeoflifemm

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

Share this post


Link to post
Share on other sites
catrina
Did you add the donate button using a hook or some other means using code? It can probably be fixed with CSS.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
bridgeoflifemm
It was added in the Custom CSS section.

Share this post


Link to post
Share on other sites
Rob
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.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×