1. Introduction
    1. Installation
    2. Basic Structure
    3. Compiling SCSS
    4. Favicon icon
    5. Logo Settings
    6. Color Schemes
    7. Changing Fonts
    8. Sticky header
  2. Helper Classes
    1. Page Section Padding
    2. Text color
    3. BG Color
    4. BG Images
    5. BG overlay
    6. Text align
    7. Label
  3. Shortcodes
    1. Accordion
    2. Blog Post
    3. Category
    4. Tabs
    5. Team
  4. Extra
    1. Browser Support
    2. Update Font Awesome
    3. How to rate this item
  5. Source & Credits

Logo Settings

The Logo can be found in the Header – .header. Replace "logo.png" with your own logo image.

<a class="navbar-brand" href="index.html">
   <img class="img-fluid" src="images/logo-dark.png" alt="logo">
</a>

How to change logo height?

You can set the height according to your logo type and your requirement.

CSS

To set logo height open css/style.css file and change height value in .navbar-brand img class, default value of logo height is 42px.
For responsive logo height open css/style.css file and change height value in .navbar-brand img class in the 991 media query, the default value of logo height in responsive is 42px.

SCSS

To set logo height open scss/header.scss file and change height value in .navbar-brand img class, default value of logo height is 42px.
For responsive logo height open scss/responsive.scss file and change height value in .navbar-brand img class in the 991 media query, the default value of logo height in responsive is 42px.
If you change logo height then header height will automatically increase and the menu will set vertically center.

« Favicon iconColor Schemes »
Suggest Edit