Twenty Eleven Theme:Trying to float text over header logo….NOGO?

Let’s see your site

This is the build link: https://192.185.169.195/~nostick/

On that page which bit of text are you trying to float over the header?

Given the circumstances, it may be easier to edit the header image itself to add your contact info.

Ultimately right above the price tag in the banner blue space top right I’d like to have “Contact Us” and immediately below the email address. I’ve tried all variations of float, z-index, padding, margin etc. and the banner drops with all variations.

Is the issue that you can’t position the text, or that you can’t get the text on the page, or both?

Normally I would add the info directly into the image but the client wants both the phone number and email clickable. She also wants a facebook icon.

It’s weird I’ve never run into this issue with any other template.

I can’t position. Once I edit positioning the text does move but the banner drops down.

Maybe something like this. In your header.php, add:

<div class="contact">
    <a href="whatever">555-555-5555</a>
    <a href="whatever">[email protected]</a>
</div>

And in your CSS, use:

.contact {
    position: absolute;
    z-index: 999;
    top: 2%;
    left: 50%;
}

Fool around with the top and left parameters until it looks right.

Ya tried everything. That just goes behind the logo.

This fixes it.

Header code, (after </hgroup>):

<div class=”brandbox”><div class=”brandbox”><table><tr><td align=”center”><img src=”images/img.png” /><td><td align=”center”><img src=”images/img.png” /></td><td align=”center”><img src=”images/img.png” /></td></tr></table></div>

CSS:
.brandbox {
position: absolute;
right: 10px;
top: 10px;
}