Over the past few years, many convenient and powerful features have been added to the Divi theme. And some of these features may interest you without you realizing it. In fact, they are hiding right now, hiding in an ordinary site (an awesome survival tactic maybe, but unfortunate). That's why I'm going to talk to you about these features that you probably do not know.

1 - Right click options

How it works: simply click with the right mouse button on any section of the Divi Builder.

Right click divi constructor

While I don't hover over all of the right click options, I would like to point out a few options that are only accessible when you right click, which is just too convenient not to be discussed. 'a review.

2 - Lock

As an administrator, only you have the ability to lock certain objects. This is a convenient way to prevent your editors from changing the contents that you want to keep. This also protects you against accidental changes to an important section.

Content locking

3 - Reduce and rename

I like to use these two options in combination because I create longer web pages. I don't know about you, but I'm really tired of scrolling up and down to find the sections that I need to edit. This is why I am using the option to condense large sections of my webpage that have been completed. Once pasted, I use the right click option to rename the section to a recognizable admin label.

4 - Disable top-level dropdown links

Location: Divi → Options → Navigation → General Settings

Modify the options of the links of the divi menu

To be clear, the top-level drop-down menu links are the primary parent links that remain visible in the navigation menu. Sub-level links are those that appear after you hover over the top-level parent link.

By disabling the links from the top-level drop-down menu, these links are no longer clickable links. Instead, they can serve as a non-clickable placeholder that tag and organize your sublinks.

For example, let's say you're building a site for a business that offers three main services and each of those services needs its own page. A normal setup would be to have a top level link called " services With the three types of services as sub-menu items. Instead of adding a link on the main page " services You can disable the link " services At the top level and simply use it as an organizational label.

Organization of wordpress menus

5 - Scrolling to an anchor

Location of the feature: Divi → Options → Navigation → General Settings

Scrolling to a divi anchor

If you've ever tried to bind an anchor directly to a CSS ID from an external page, you might have noticed that the location the page shows isn't quite right. Sometimes it is too low which causes some of the content to be cut off at the top.

This is what my screen looks like after connecting my CSS ID to an external page. You can not see it, but the title of the section has been cut.

Section cut css identifier

Enabling the alternate docking scrolling method corrects this problem. Not only does it put the user in the right place, and the top of the page is loaded first before scrolling to the CSS ID. I find this useful for users who may get lost in that abrupt display before realizing they're looking at part of the page.

Divi alternate scrolling method

6 - Hide the logo on mobile

Location: Divi → Theme Customizer → Mobile Styles → Mobile Menu

If you ever need to hide your logo on mobile, Divi makes it very simple. But it's one of those options that is easy to overlook. Save time by using this function instead of CSS code.

Hide logo on divi mobiles

7 - Dropdown animation on the main and segundary menu

  • Functionality for the main menu: Divi → Theme customizer → Header and navigation → Main menu bar> Drop-down menu animation
  • Functionality for the secondary menu: Divi → Theme customizer → Header and navigation → Secondary menu bar -> Drop-down menu animation.

Wordpress menu drop-down animation

You don't have to settle for the default fade animation for your drop-down menus. The Animation section of the drop-down menu offers four options:

  • Animation Fondue
  • Animation Development
  • Animation slide
  • Scrolling animation

That's all for this feature set that you may not know about Divi. I hope they will help you better customize your theme.

Download DIVI now

[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DOWNLOAD DIVI THEME [/vcex_button][/vc_column][vc_column width=” 1/2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family =”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DOWNLOAD THE TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

Other Divi tutorials