The Logo & Favicon section lets you manage your site’s branding across different headers, devices, and browsing contexts. You can upload separate logos for desktop, mobile, sticky headers, and transparent headers to ensure your brand always looks clear and professional.
Logo Upload Options #
DigiShift allows you to use different logos for different situations.
Logo (Default Logo)
This is the main logo used across your website in standard header layouts.
Transparent Header Logo
Used when the header is transparent (usually on hero sections).
Recommended to upload a light or white version of your logo for better contrast.
Sticky Header Logo
Displayed when the header becomes sticky while scrolling.
Useful for smaller or simplified logos.
Mobile Logo
Used on mobile devices instead of the desktop logo.
Ideal if your main logo is too wide or detailed for small screens.
Transparent Mobile Logo
Used on mobile devices when the header is transparent.
Sticky Mobile Logo
Displayed when the mobile header becomes sticky during scrolling.
Logo Size Settings #
Control the display size of your logos for better alignment and responsiveness.
- Standard Logo Width: Set the width (in pixels) for desktop logos.
- Standard Logo Height: Set the height (in pixels) for desktop logos.
- Mobile Logo Width: Set the width (in pixels) for mobile logos.
- Mobile Logo Height: Set the height (in pixels) for mobile logos.
Pro Tip: For sharp displays, upload logos at double size (2×) and control the final display size using these width and height fields.
Example: Upload a 400px wide logo and set the width to 200px.
Favicon (Browser Icon) #
- Favicon: This icon appears in browser tabs, bookmarks, and shortcuts.
Recommended size: 512 × 512 px (PNG).
The favicon is automatically used across all devices and platforms.
📌 Reminder: Click Save Changes after updating your logos. Use Reset Section to restore default values if needed.
