How to Use a Dynamic Logo in Divi’s Fullwidth Menu Module

by | Sep 25, 2022 | Etcetera | 0 comments

Converting web page trademarks generally is a time-consuming procedure. That is very true if the web page makes use of other headers for various templates. If you happen to use a picture for every a type of headers, you’ll must manually get in there and alter every certainly one of them. Thankfully, Divi can show your web page’s brand dynamically, saving you time! On this submit, we’ll see the best way to use a dynamic brand inside of Divi’s Fullwidth Menu Module.

Let’s get began!

Why Use a Dynamic Brand?

The dynamic brand choice shall we Divi customers trade their web page trademarks in one location. That fluctuate is then mirrored in each module that makes use of the dynamic brand. This simplifies the method.

It’s particularly useful in headers, and much more useful when there are a number of menu modules in use because it reduces the time it takes to make the adjustments. It additionally helps to keep the Divi consumer from creating a mistake through forgetting to switch one of the most headers.

Why would Divi customers want a couple of menu module? The Divi Theme Builder permits Divi customers to create more than one headers to make use of on more than a few pages throughout their internet sites. This opens up plenty of design chances for headers around the Divi web page.

It’s no longer unusual to have a header for the homepage, one for the weblog, one for a products and services web page, one for a CTA touchdown web page, and so much extra. It’s additionally no longer unusual for those headers to make use of the similar brand. This will require the Divi consumer to open each header template and alter the emblem in each menu module. Even the use of the replica and paste options calls for the Divi consumer to open every template.

See also  Methods to Rename a Divi Cloud Merchandise

Theme Builder Instance

In my instance underneath, I’ve constructed 10 customized headers and assigned them to more than a few pages on my web page. Each and every header has a customized design, with other colours, CTAs, and layouts, however all of them use the similar brand. If I need to trade the emblem for my web page, and I wasn’t the use of a dynamic brand, I’d must open every Divi Fullwidth Menu Module and make the trade manually.

Theme Builder Example

If I had the dynamic brand choice arrange in every module, the emblem would trade in each module mechanically. Let’s see how to choose the emblem dynamically.

Methods to Use a Dynamic Brand within the Fullwidth Menu Module

To get began, open the Fullwidth Menu Module that you need to make use of a dynamic brand. I’m adjusting the header template within the Divi Theme Builder. For this situation, I’ll suppose you’ve got a Fullwidth Menu Module already arrange with a symbol decided on.

Open the Divi Theme Builder

To make use of a dynamic brand, pass to Divi > Theme Builder within the WordPress dashboard.

  • Divi
  • Theme Builder

Open the Divi Theme Builder

Choose the edit icon for the header you need to change. Stay up for the editor to open.

  • Edit

Open the Divi Theme Builder

Trade the Brand to Dynamic Content material

Subsequent, open the settings for the Fullwidth Menu Module through deciding on its tools icon.

  • Fullwidth Menu Module settings

Change the Logo to Dynamic Content

Within the Content material tab, scroll all the way down to the phase referred to as Brand. Hover over the emblem symbol and click on the trash can icon. You’ll additionally click on the round reset icon in the event you favor.

  • Trash can

Change the Logo to Dynamic Content

Subsequent, hover over the picture space to show the Dynamic Content material icon. Click on the icon to open the Dynamic Content material possible choices.

  • Dynamic Content material

Change the Logo to Dynamic Content

A modal opens with plenty of choices to choose between. Choose Web site Brand within the best phase.

  • Web site Brand

Change the Logo to Dynamic Content

You’ll see the brand new brand seem for your header’s menu that’s specified within the Divi Theme Choices (extra on that during a minute). Below the emblem within the Brand variety settings, you’ll see the message “Web site Brand”. This means that the module is now showing the dynamic brand. Click on the golf green button to near the module.

  • Shut
See also  The best way to Upload Associate Hyperlinks in WordPress with ThirstyAffiliates

Change the Logo to Dynamic Content

Subsequent, save the format through clicking the golf green Save button within the decrease proper nook and clicking the X within the higher proper nook to near the editor.

  • Save
  • Go out

Change the Logo to Dynamic Content

In spite of everything, click on Save Adjustments within the higher left nook of the Theme Builder display screen.

  • Save Adjustments

Change the Logo to Dynamic Content

The brand new brand mechanically adjustments at the entrance finish for each Fullwidth Menu Module that you just’ve arrange to make use of a dynamic brand. We don’t have to switch it in this web page as it’s pulling the emblem dynamically. For more info about the use of dynamic content material with Divi, seek the Sublime Subject matters weblog for “dynamic content“.  

Carry out this set of steps for each Fullwidth Menu Module you need to make use of the dynamic brand. We propose acting this job as you replica or create the headers.

Now, let’s see the best way to edit the Divi brand in order that it adjustments within the Fullwidth Menu Module.

Methods to Trade the Brand in Divi

Subsequent, let’s see the best way to inform Divi which brand to make use of. Each time you need to switch the emblem, carry out the next set of steps. The brand adjustments dynamically, so Divi customers by no means want to open the Fullwidth Menu Module to switch the emblem.

Divi Brand Earlier than

To assist perceive what’s taking place, let’s have a look at the emblem at the entrance finish of the web page prior to and after the trade. First, right here’s a have a look at the present brand on my check web page. That is arrange within the Divi Theme Choices.

Divi Logo Before

Trade the Divi Brand

To switch the Divi brand, pass to Divi > Theme Choices within the WordPress dashboard. The primary tab, Basic, has a box referred to as Brand. It features a box with the emblem’s URL, a button to reset the emblem to the default, and a button to add a symbol to the Media Library. I these days have a symbol set, which is the emblem observed within the Earlier than symbol above. Add or make a selection the picture you need to make use of. Choose the Add button.

  • Divi
  • Theme Choices
  • 1st Basic tab
  • 2nd Basic tab
  • Add
See also  5 Best WordPress Table of Contents Plugins

Change the Divi Logo

This opens the media folder the place you’ll be able to select a picture from the Media Library or add a brand new symbol. Make a selection your brand and click on Set As Brand within the decrease proper nook of the Media Library display screen.

  • Choose symbol
  • Set As Brand

Change the Divi Logo

Click on Save Adjustments within the higher left nook of the display screen above the Divi Theme Choices. Now, each template that comes with the Fullwidth Menu Module with the dynamic brand surroundings has mechanically modified the emblem to turn your new brand.

  • Save Adjustments

Change the Divi Logo

Divi Brand After

The entrance finish of my web page now displays the brand new brand, even if I didn’t open the Theme Builder and make adjustments there. This transformation was once mechanically mirrored in each Fullwidth Menu Module that makes use of the dynamic brand.

Divi Logo After

As any other instance, once we open any of the templates within the Theme Builder, we’ll see the brand new brand. This case displays the Homepage Header Format with the emblem already up to date without a additional enter from me.

Divi Logo After

Finishing Ideas

That’s our have a look at the best way to use a dynamic brand in Divi’s Fullwidth Menu Module. The dynamic brand is simple to arrange within the module. The usage of a dynamic brand can save a large number of time when converting the emblem on a Divi web page. Even supposing you handiest use one Fullwidth Menu Module, the dynamic brand simplifies the method. When the use of more than one modules, dynamic trademarks make a good higher have an effect on on time financial savings and cut back errors.

We need to pay attention from you. Do you utilize dynamic trademarks together with your Fullwidth Menu Module? Tell us within the feedback.

The submit How to Use a Dynamic Logo in Divi’s Fullwidth Menu Module seemed first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!