Как отобразить другой логотип сайта для мобильных пользователей в WordPress?

Question

Я работаю над темой электронной коммерции и пытаюсь заставить сайт отображать другой логотип, если устройство является мобильным, возможно ли это?

ПРИМЕЧАНИЕ: Я использую тему WordPress под названием storefront.

Answer 1

Попробуйте это

<style>  
  .sitelogo .mobilelogo {
    display: none;
  }

  @media (max-width: 600px) {
    .sitelogo .mobilelogo {
      display: block;
    }
    .sitelogo .desktoplogo {
      display: none;
    }
  }
</style>

<div class="sitelogo">
  <img src="/images/logo_desktop.png" class="desktoplogo" />
  <img src="/images/logo_mobile.png" class="mobilelogo" />
</div>

А также попробуйте следующий код, проверьте эту ссылку для лучшей справки

if ( wp_is_mobile() ) {
    /* Include/display resources targeted to phones/tablets here */
} else {
    /* Include/display resources targeted to laptops/desktops here */
}