Docs

[JW & Co.]

Good evening,

I am currently converting a website, http://www.thejewelrycenter.us, to WP and specifically to X Theme! I am having trouble adding the second image in my header, on http://www.thejewelrycenter.joshuaweatherstone.com. Could you please tell me how to achieve this effect? No menu is needed, just the second image permanently in the header space adjacent to the logo.

Thanks!
Josh

[Rupok]

Hi Josh,

It could be possible with some JS.
You can add this under Custom > JavaScript in the Customizer.

jQuery(document).ready(function($) {
  var html = '<img class="my-header-image" src="http://www.thejewelrycenter.us/images/hdtxt-01.gif">';
  $( html ).appendTo('.x-navbar-inner .x-container');
});

Let’s change the image path with your uploaded image on the new site.

And then add this under Custom > CSS in the Customizer to position it better :

.my-header-image {
  float: right;
  margin-right: 20px;
  margin-top: 10px;
}

Cheers!

[Author]

Posts