Configure your site’s branding, including logos for different header states and devices.
Logo Uploads #
Digishift allows you to upload different logos for various scenarios to ensure a perfect look across your entire site.
- Logo: Upload your main Default Logo. This is the primary logo used for most situations.
- Transparent Header Logo: Upload a special logo (often a light-colored version) to be used when the header is transparent (e.g., over a hero image).
- Sticky Header Logo: Upload a logo specifically for the sticky header state. This is useful if you need a simplified or smaller version of your logo when the header shrinks on scroll.
- Mobile Logo: Upload an optional logo that will be displayed specifically on mobile devices. This is helpful if your main logo is too detailed or wide for small screens.
Logo Dimensions #
Control the precise display size of your logos to ensure they are pixel-perfect.
- Standard Logo Width: Enter the exact width (in pixels) for your desktop logos.
- Standard Logo Height: Enter the exact height (in pixels) for your desktop logos.
- Mobile Logo Width: Enter the specific width (in pixels) for your mobile logo.
- Mobile Logo Height: Enter the specific height (in pixels) for your mobile logo.
Pro Tip: For crisp displays, upload your logo at 2x the size you intend to display it and use the width/height fields to set the correct display dimensions. (e.g., Upload a 400px wide logo but set the “Standard Logo Width” to 200px).
Favicon & Apple Icons (Browser Icons) #
These icons appear in browser tabs, bookmarks bars, and on the home screens of mobile devices.
- Site Icon: This is your Favicon. Upload a small image (recommended: 512x512px) that will represent your site in browser tabs and bookmarks.
- Apple iPhone Icon: Upload an icon used when someone adds your website to the home screen of an iPhone (recommended: 180x180px).
- Apple iPad Icon: Upload an icon used when someone adds your website to the home screen of an iPad (recommended: 166x166px).
