Would you like to use a dynamic logo in your Divi Fullwidth Menu module?
Change the logos of a Website can be a time-consuming process. This is especially true if the Website uses different headers for different templates.
If you use an image for each of these headers, you will need to manually access and edit each one.
Fortunately, Divi can dynamically display your logo. website, which saves you time!
In this article, we will see how to use a dynamic logo in Divi's Fullwidth Menu module.
Let's start!
How to use dynamic logo in fullwidth menu module
To get started, open the Fullwidth Menu module for which you want to use a dynamic logo. I adjust the header template in Divi Theme Builder.
See also: Divi: How to use the "Gradient Repeat" option to create custom background patterns
For this example, we assume that you have already configured a Fullwidth Menu module with a selected logo.
Open the Divi theme builder
To use a dynamic logo, go to Divi > Theme Builder in the WordPress dashboard.
- Divi
- Theme Builder
Select the icône of the header you wish to modify. Wait for the editor to open.
- Edit
Change logo to dynamic content
Then open the settings from the Fullwidth Menu module by selecting its gear icon.
- Module Settings
In the tab Content, scroll down to the section titled Logo. Hover over the logo image and click the trash can icon . You can also click the circular reset icon if you prefer.
- Delete
Then hover the mouse over the image area to display the icône Contents dynamic . Click on the icon to open the choices of contents dynamic.
- Dynamic content
A modal opens with many options to choose from. Select Logo of the site in the upper section.
- Site logo
You will see the new logo appear in your header menu which is specified in the options of the Divi theme.
Under the logo in the logo selection settings, you will see the message "Logo website". This indicates that the module now displays the dynamic logo. Click the green button to close the module.
Then save the layout by clicking the green button Save in the lower right corner and clicking on the X in the upper right corner to close the editor.
- Save
- Close
Finally, click Save Changes in the upper left corner of the Theme Builder screen.
- Save Changes
Read also: Divi: How to change the style of several elements when hovering or after a click
Perform this set of steps for each Fullwidth Menu module for which you want to use the dynamic logo. We recommend that you perform this task when you copy or create the headers.
Now let's see how to modify the Divi logo so that it changes in the Fullwidth Menu module.
How to change the logo in Divi
Next, let's see how to tell Divi which logo to use. Whenever you want to change the logo, perform the following steps. The logo changes dynamically, so Divi users never need to open the Fullwidth Menu module to change the logo.
Divi “Before” logo
To help understand what's going on, let's look at the logo on the front of the site before and after the change. First, here's a preview of the current logo on my test site. This is configured in the options of the Divi theme.
Change the Divi logo
To change the Divi logo, go to Divi > Theme Options in the WordPress dashboard. The first tab, General, has a field called Logo. It includes a field with the logo URL, a button to reset the default logo and a button to upload a logo to the media library.
- Divi
- Theme Options
- General (1st line)
- General (2nd Line
- Upload
This opens the media folder where you can choose an image from the media library or upload a new image.
- Select an image
- Set As Logo
Click on Save Changes in the upper left corner of the screen above the options of the Divi theme. Now every template including the Fullwidth Menu module with the dynamic logo setting has automatically changed the logo to display your new logo.
- Save Changes
Divi Logo "After"
The front-end of my site now displays the new logo, even though I didn't open the theme builder and make changes there. This change has been automatically reflected in every Fullwidth Menu module that uses the dynamic logo.
As another example, when we open one of the templates in the theme builder, we will see the new logo. This example shows the home page header layout with the logo already updated with no further input from me.
Download DIVI now!!!
Conclusion
This is our look at how to use a dynamic logo in Divi's Fullwidth Menu module. The dynamic logo is easy to set up in the module. Using a dynamic logo can save a lot of time when changing logos on a Divi site.
Even if you only use one Fullwidth Menu module, the dynamic logo simplifies the process. When using multiple modules, dynamic logos have an even bigger impact on saving time and reducing errors.
Hope this will be useful for your next blog site. If you have any concerns or suggestions, find us in the comments section to talk about it.
You can also consult our resources, if you need more elements to carry out your projects of creation of Internet sites.
Do not hesitate to also consult our guide on the WordPress blog creation or the one on Divi: the best WordPress theme of all time.
But meanwhile, share this article on your different social networks.
...
