Image in header

[nathanscamera]

What would be the best way to go about putting an image in the header? Right now I’m using the Top Bar Left text config area in the theme options/ header options. But since I’ve added the image I haven’t been abled to use the mailchimp drop down subscribe form. Is there a more effective way to add while not interfering with the subscribe drop down form? And I’d like to move the image close to the subscribe button.

[Kyle – SUPPORT]

Sorry please upload a jpeg or png, we cant see .tiff files.

– Kyle

[nathanscamera]

Please ignore the tiff file and view the jpeg.

[Kyle – SUPPORT]

Is that how you want it?

You will have to set it as the background of the header and set a background position. If you provide me with the link to the image and the link to your website I will be able to provide you with some custom css

– Kyle

[nathanscamera]

This reply has been marked as private.

[Kyle – SUPPORT]

Try this custom css:

@media only screen and (min-width: 980px) { 
#header .container {
  background: url(http://74.220.219.120/~ppigroup/wp-content/uploads/2013/03/built_for_mobile_portholeThumb.jpg) no-repeat 90%;
}
}

– Kyle

[nathanscamera]

It’s looking good! Thanks Kyle! If I wanted it to move around would I add height like this?

@media only screen and (min-height:70px) and (min-width: 980px)

Also the drop down menu for the mail chimp subscribe button doesn’t seem to be working.

[Kyle – SUPPORT]

Hi

No you wouldn’t add that css, that is for the responsive break points.

Have you made sure you have added your subscribe code?

– Kyle

[nathanscamera]

Yep, subscribe code is in the mail chimp area.

I need to move the image down a few pixels, how can I do that in regards to the responsive break points.

[Kyle – SUPPORT]

You can’t move the image down as it is set as the background image, and the container doesn’t fit flush to the bottom of the header.

To inspect the subscribe issue I would need login details, you can set it as private reply

– Kyle

[nathanscamera]

This reply has been marked as private.

[Kyle – SUPPORT]

That’s not the correct code, it should look something like this:

<div id="mc_embed_signup">
<form action="http://edcousins.us2.list-manage1.com/subscribe/post?u=a3950048c69f7be72a27013a9&id=68a002176a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Enter your email address here" style="margin-bottom: 0;" required>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" style="visibility:hidden;"></div>
</form>
</div>

– Kyle

[nathanscamera]

The code I used is straight from mailchimp which should be compatible.

[Kyle – SUPPORT]

You’ve only copied up to the

<div id="mc_embed_signup">

The form code is below that

– Kyle

[nathanscamera]

You’re right, thanks.