Logo settings
Learn how to change logo and logo height
Logo can be changed from below code inside the header
container.
<!-- Logo START -->
<a class="navbar-brand" href="index.html">
<img class="light-mode-item navbar-brand-item" src="assets/images/logo.svg" alt="logo">
<img class="dark-mode-item navbar-brand-item" src="assets/images/logo-light.svg" alt="logo">
</a>
<!-- Logo END -->
Logo height and padding:
By default logo height is 40px
. To change logo height, You should change the value in $navbar-brand-height
in _variables.scss
file as per your need. You can also change sticky logo height, responsive logo height and logo padding to set header height from _variables.scss
file as per your need. Please note that if you increase logo height, your header height will increase automatically. You don't need to change your header height manually.