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.
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.
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
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.
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]
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.
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.
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.
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.
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.
Other Divi tutorials
- 5 websites for restaurant use Divi theme
- How to add text on a Divi WooCommerce product
- How to change the menu color between Divi pages
- How to personalize the grids of a blog with Divi
- How to use the role Divi editor on WordPress
- How to create a full screen Divi slider
- How to change the color of menus between Divi pages
- Features you probably do not know about Divi
- How to use Divi Builder on WordPress
- How to use the Divi video scrolling module
- How to use the Divi Builder Flip module
- How to add a testimonial module on Divi Builder
- How to use the Divi text module
- How to create a slider on Divi
- How to edit a Divi user role
- How to use the Divi Social Media module
- How to use the shop module on the theme WordPress Divi
- How to use the Divi sidebar module
- How to use the Divi Price Table Module
- How to use the title module of Divi publications
- How to add a video module of Divi
- How to use the article navigation module
- How to use the Divi search module
- How to use the Divi wallet module
- How to use the person module on Divi Builder
- How to use the wallet module with Divi filter
- How to use the full width slider module
- How to use the Divi Builder Image Module
- How to use the full-width navigation module of Divi Builder
- How to use the image gallery module
- How to use the Divi Builder Full-Width Card Module
- How to use the Divi Full Width Portfolio Module
- How to use the Divi full-width header module
- How to use the Divi Counter Module
- How to use the articles slider on Divi Builder
- How to use the Divi Email Optin module