Docs

[kcadmin]

I have read through some of the other formum posts regarding using different logos for mobile sites/smaller screen formats, but cannot find exactly what I need. My newest X-them site at http://www.kammscafe.com uses a vertical logo that is not very smartphone friendly. What is the best and/or easiest way to use a different, horizontal version of the logo for the smaller screen formats? Also, is there are recommended width size in pixels for this horizontal graphic? I have a child theme setup if that helps. Thanks, Del

[Rupok]

Hi there,

Thanks for writing in! You can add this under Custom > JavaScript in the Customizer.

(function($) {
  if ($(window).width() < 980) {
    $(".x-brand img").attr("src", "http://kammscafe.com/wp-content/uploads/2016/03/kamms-cafe-logo-horizontal.png")
  }
})(jQuery);

Let’s change the URL of image with your another version of logo’s URL.

Cheers!

[kcadmin]

You all rock!

[Darshana]

Glad we were able to help 🙂

[Author]

Posts