Skip to main content

Header elements in the user interface

Headers are located at the top of a {{mindtouch.productName}} site and contain the custom header and site logo.

Note to user   NOTE:  Header colors and options change based on the user viewing it.


Custom header


Not always used on every site, the custom header section pulls in the content of a custom header template located at /Template:Custom/Views/Header.



Site logo


Located in the upper left of the header area, your site logo can be uploaded in the control panel. 



As pro member, navigate to Site tools > Control panel > Branding > Logo & Icons and upload any of  the following file types: GIF, JPG, PNG or SVG.




If uploading an SVG, be sure to use a CSS rule set to limit the maximum width since SVGs do not have a default height and width. The following CSS limits the size of the site logo responsively by using ems which measure character width and not pixels.

.elm-header-logo-container img {
    max-width: 20em;
}  


Find additional information about custom regions in our article about branding regions.