Jekyll Advance Docs

v1.1 Old Version All Versions


To update the logo, copy your logo files to the assets/images folder. You can simply overwrite the existing files.

Jekyll Advance Pro requires 4 logo variations for mobile and inverted states.

  • images/logo.svg Desktop logo
  • images/logo-mobile.svg Mobile logo, typically the smaller icon version of your logo “the mark”
  • images/logo-invert.svg Desktop logo in white, for use when the header is transparent
  • images/logo-invert-mobile.svg Mobile logo in white

Logo Sizing

Desktop Logo The desktop logo is 149px width by 25px height.

Mobile Logo The mobile logo is 30px width by 25pc height. It’s recommended to use a square (icon) logo for mobile.

Resizing Logos You can directly edit the height and width of the logos in the /_includes/logo.html include.