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.svg
Desktop logostatic/images/logo/logo-mobile.svg
Mobile logo, typically the smaller icon version of your logo “the mark”static/images/logo/logo-invert.svg
Desktop logo in white, for use when the header is transparentstatic/images/logo/logo-invert-mobile.svg
Mobile logo in whiteIf 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