Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › Image in header
New Landing › How can we help? › Themeforest Theme Support › Dante › Image in header
- This topic has 15 replies, 2 voices, and was last updated 10 years by Kyle – SUPPORT.
-
Posted in: Dante
-
March 18, 2014 at 5:07 pm #58748
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 #58755Sorry please upload a jpeg or png, we cant see .tiff files.
– Kyle
March 18, 2014 at 8:53 pm #58803Please ignore the tiff file and view the jpeg.
March 19, 2014 at 9:00 am #58859Is 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 #59040This reply has been marked as private.March 19, 2014 at 3:20 pm #59052Try 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 #59112It’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 #59219Hi
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 #59369Yep, 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 #59380You 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 #59408This reply has been marked as private.March 20, 2014 at 2:37 pm #59421That’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 #59462The code I used is straight from mailchimp which should be compatible.
March 20, 2014 at 3:54 pm #59469You’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 #59479You’re right, thanks.
-
Posted in: Dante
You must be logged in and have valid license to reply to this topic.