This article explains the expected image resolutions for logos and banners for the different versions of Atlas. Please check which version of Atlas you are using before you continue by clicking on the Atlas button - you can see your version at the bottom of the panel:
------->
To learn how to change the logo and/or banner images in these versions of Atlas please see here: Change the Atlas Logo and Navigation background images
Logo
For best results the logo has to be 80px height but the width is flexible, although we don’t recommend it to be too wide because it pushes the navigation to the right leaving less space for it.
The minimum width is 80px.
The absolute maximum width is 320px, where it would take the entire header in a mobile device:
However we recommend a maximum width of 160px so the banner does not take up too much of the menu:
Banner image
In modern SharePoint you can upload a solid colour image as the header background.
If the image is a single colour it has to be 1px x 80px as the colour can be stretched without losing detail, but in the case that the image has more than one colour such as one with an illustration, logo or text on it then it has to be 4000px x 80px in order to support up to 4k screen resolutions.
If there is a banner image the text on top will be white by default, as Atlas is shipped with a dark menu, so this should be taken into consideration when choosing the image - making sure it is quite dark to ensure the text is readable.
If there is no banner image or you remove it the background colour will be white and the text on top will be dark so it can be read easily.
If you want a light background colour, you will need to alter the Tenant Property Atlas.Header.Navigation.FontColor to force the menu text to become black by entering hex number #000000
Comments
0 comments
Please sign in to leave a comment.