ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• March 18, 2014 at 5:07 pm #58748
  nathanscamera

  Member

  Post count: 130

  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.

  March 18, 2014 at 5:14 pm #58755
  Kyle – SUPPORT

  Moderator

  Post count: 35880

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

  – Kyle

  March 18, 2014 at 8:53 pm #58803
  nathanscamera

  Member

  Post count: 130

  Please ignore the tiff file and view the jpeg.

  March 19, 2014 at 9:00 am #58859
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  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

  March 19, 2014 at 3:04 pm #59040
  nathanscamera

  Member

  Post count: 130

  This reply has been marked as private.
  March 19, 2014 at 3:20 pm #59052
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  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

  March 19, 2014 at 5:40 pm #59112
  nathanscamera

  Member

  Post count: 130

  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.

  March 20, 2014 at 8:41 am #59219
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  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

  March 20, 2014 at 1:38 pm #59369
  nathanscamera

  Member

  Post count: 130

  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.

  March 20, 2014 at 1:58 pm #59380
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  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

  March 20, 2014 at 2:23 pm #59408
  nathanscamera

  Member

  Post count: 130

  This reply has been marked as private.
  March 20, 2014 at 2:37 pm #59421
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  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

  March 20, 2014 at 3:46 pm #59462
  nathanscamera

  Member

  Post count: 130

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

  March 20, 2014 at 3:54 pm #59469
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  You’ve only copied up to the

  <div id="mc_embed_signup">

  The form code is below that

  – Kyle

  March 20, 2014 at 4:08 pm #59479
  nathanscamera

  Member

  Post count: 130

  You’re right, thanks.

• Back to forum

  Posted in: Dante