To update the logo, copy your logo files to the
static/images/logo folder. You can simply overwrite the existing files.
Hugo Lever requires 4 logo variations for mobile and inverted (white) states.
static/images/logo/logo-mobile.svgMobile logo, typically the smaller icon version of your logo “the mark”
static/images/logo/logo-invert.svgDesktop logo in white, for use when the header is transparent
static/images/logo/logo-invert-mobile.svgMobile logo in white
If you want to use different filenames for your logo you can update the path to the logos in the
config.toml. You can use .png or other file extensions.
# config.toml [params] [params.logo] logo_text = "Hugo Lever" show_logo_text_on_desktop = true show_logo_text_on_mobile = false show_logo_image_on_desktop = false show_logo_image_on_mobile = true logo_image_desktop = "images/logo/logo.svg" logo_image_desktop_invert = "images/logo/logo-invert.svg" logo_image_desktop_width = 32 logo_image_desktop_height = 32 logo_image_mobile = "images/logo/logo-mobile.svg" logo_image_mobile_invert = "images/logo/logo-invert-mobile.svg" logo_image_mobile_width = 32 logo_image_mobile_height = 32