Templates Help Hire Us

Checkout Pro Version

bootstrap Bootstrap Version angular Angular Version vue VueJs Version next NextJs Version tailwind Tailwind Version tailwind NuxtJs Version
Get Pro
All Access Pass

Change Logo

Change Logo

To change logo : templates/partials/logo_sidebar.html
Put the logo image into the assets/images/logos folder. 
                    
<div class="brand-logo d-flex align-items-center justify-content-between justify-content-lg-center">
    <a
      href="{% if DEBUG %}{% url 'Dashboard' %}{% else %}/{{ THEME_BASE_URL }}/{% endif %}"
      class="text-nowrap logo-img"
    >
      <img src="{% static 'images/logos/logo-icon.svg' %}" alt="Logo" />
    </a>
    <a
      href="javascript:void(0)"
      class="sidebartoggler close-btn ms-auto text-decoration-none fs-5 d-flex d-xl-none align-items-center justify-content-center text-danger"
    >
      <i class="material-symbols-outlined fs-5">cancel</i>
    </a>
  </div>

Change Logo

To change logo : template/partials/sidebar.html
Put the logo image into the assets/images/logos folder. 
                        
<div class="brand-logo d-flex align-items-center justify-content-between">
  <a href="{% if DEBUG %}{% url 'index' %}{% else %}/{{ THEME_BASE_URL }}/{% endif %}" class="text-nowrap logo-img">
      <img src="{% static 'images/logos/logo.svg' %}" alt="Logo" />
  </a>
  <a href="javascript:void(0)" class="sidebartoggler ms-auto text-decoration-none fs-5 d-block d-xl-none">
      <i class="ti ti-x"></i>
  </a>
</div>