Congratulations! Your library has created a new logo – now it’s time to update your website.
There are generally three locations where your logo appears on your website (from top to bottom):
This tutorial will demonstrate how to update these menus on your website. (Please note: your website design may vary – if you need assistance locating/changing a logo on your website please submit a helpdesk ticket.)
The first step in adding a new logo to your website is to upload the logo file your media gallery.
You will need a couple of variations.
- For your Site Identity icon, you will need a square logo at least 512 x 512 pixels. Do not include any text.
- For the regular logo in the primary (dropdown) menu, square or rectangular formats are fine. I recommend a large size as you can use the same file but different sizes on your page.
1. Site Identity Logo
The topmost location of a website logo is on the browser tab.
While this logo isn’t strictly necessary, it is a nice personalization tool – and if you have already personalized this, it is important to update this one as well as any other logos on your site.
This logo is accessed through the Divi Theme Customizer on the left side of the main dashboard page.
Once the Theme Customizer is open, click on the “General Settings” link:
Next, select “Site Identity”
This will bring you to the menu for the Site Title, Tagline, and Site Icon. Click “Change image” to select your new logo from the Media gallery:
Once finish, click on “Publish” at the top right of the menu, and your site identity icon will be updated.
2. Logo in Primary (dropdown) Menu
The primary menu is the dropdown menu at the top of your website (please note that it is possible you do not have a traditional primary/dropdown menu, though the vast majority of Libraries Win websites do).
To edit this logo, you need to use the Divi Theme Options.
This will open the Theme Options menu – the site logo is the first option under the “General” tab.
To change your logo, reset your logo, and upload/copy & paste the URL of the new one into the space.
Scroll to the bottom of the screen to save your changes. Refresh your website and your logo will be updated.
3. Logo in footer menu (optional)
The menu with the most variability across Libraries Win websites is the footer menu. Some websites have them, some don’t. Some have them in one type of footer, some in others. We’ll cover the main types of footer logos here; as always, if you’re concerned/confused, send in a helpdesk ticket and we’ll look at your site.
Option 1: Persistent/Global section footer
If you enable visual editor on your homepage and scroll to the bottom and hover over your footer section logo and the lines around it turn lime green, you have a Global Section – which means it will appear exactly the same across any page it is applied to. Which means you can change the footer on your homepage and it will change every page that contains that section across the website.
To change your logo here, click on the image module that has your logo and swap out the current one for the new one in your media library.