Skip to Main Content

Features that you probably do not know about Divi

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 701.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

Over the last few years, many useful and powerful features have been added to the Divi theme. And some of these features may interest you without you noticing. 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. It's a convenient way to prevent your editors from changing the content you want to keep. It 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

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

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

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

Scrolling to a divi anchor

If you've ever tried to link an anchor directly to a CSS ID from an external page, you may have noticed that the location the page displays is not quite correct. Sometimes it is too low so that some of the contents are 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

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]

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

Other Divi tutorials

This article features 1 comment

  1. Hello Blair,
    I have only one question:
    Do you have a solution like I can get it?
    Thank you in advance,
    Harald

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
20 shares
Share11
tweet5
Save4