Every time I create a new site with Divi, I often change the same things: remove the grey line under the menuBut why didn't I discover Divi Switch before?
This multifunctional plugin allows you to correct and customise Divi without having to worry about the code and the creation of a child theme. It allows you to focus on what is most important: content and design.
I have tested Divi Switch and I suggest you discover all its features...
Announcement: this article contains affiliate links that you will easily recognise. The classic links are in purple and sponsored links are in pink.
The list of possibilities offered by Divi Switch is long! Here's what you can do with this multifunctional plugin...
- Modifying the Divi Header (header and menu)
- Modifying the Divi Footer
- Acting on the main content
- Customise the responsive
- Acting on the comment section
- Customise archive pages
- Integrate layouts in specific locations
- Download SVG files
- Exporting a plugin
- Adding options in the customizer
1 - Modifying the Divi Header
We have already seen, in a previous article, that you can do cool things with the Divi Header (site header).
But some options remain unavailable in Divi.
But that means you'll have to do some customising to get the design you want...
Here's how Divi Switch will help you:
- Go to the Divitab > Theme Options > Divi Switch > Header
- With one click you can remove the grey line under the main menu.
- You will also be able to make the phone number clickable: the one you make appear in the Top Menu (the menu above the main menu).
- If you display your social network icons in the Top Menu, you can open them in a new window (see also how to open the footer icons in a new window)
- If you want to centre the items in your Top Menu, you can do so in one click.
- If you want your logo to look different when the user scrolls down your site (when they go further down a page), you can upload a different logo here.
- You will be able to add a text next to the mobile menu icon (hamburger).
- You can even decide to display a different logo on each page of your site.
- And what's more, if your menu doesn't suit you, you can replace it with a layout saved in your library. A layout will have to be created and saved in your library beforehand.
- Don't forget to save your changes.
2 - Modifying the Divi footer
Here is what you can do:
- Go to the Divitab > Theme Options > Divi Switch > Footer
- With one click, you can remove the "bullets points", i.e. the bulleted list that can sometimes appear in the footer widgets.
- You can completely remove the bottom of the footer, the one where the credits appear or the social network icons.
- An interesting option here is to allow the footer to be placed completely at the bottom of the screen when the page content is too short.
- Finally, you can replace the footer widget area with a layout previously saved in your library.
3 - Act on the main content
This tab provides options for various Divi modules or content.
- Go to the Divi tab > Theme Options > Divi Switch > Main Content.
- Remove the grey line separating the main content from the sidebar
- Add a preloader (pre-loading icon) that allows the user to wait.
- Add an animation to the preloader.
- Choose the colour of the preloader.
- Choose the portfolio image ratio (squares, rectangles etc.).
- Do not allow images from the Divi gallery to open in a lightbox.
- Change the animation of the slider description.
- Change the animation of the slide module and the Video Slider module.
- Delete the custom post type "Project" (Projects Post Type).
- Add a custom maintenance page: you will be able to choose from your creations saved in your Divi library.
- Add a custom 404 error page: choose a layout from your library.
4 - Customise the responsive
Go to the Divi tab > Theme Options > Divi Switch > Mobile.
Here you can simply change the level of responsiveness. That is, if you find that the tablet (or mobile) version doesn't trigger fast enough or the opposite, you can easily change the width of the content in pixels. This is the "breakpoint " .
You will be able to specify a value for each screen type.
5 - Acting on the commentary section
Nothing very interesting here... Too bad!
- Go to the Divitab > Theme Options > Divi Switch > Mobile
- You will be able to place the comments in a toggle.
- Record it.
6 - Customise the archive pages
Here, however, you will be able to obtain a feature that the theme lacks: the ability to customise the archive pages.
Archive pages are dynamic pages that are automatically generated in WordPress. For example, these are category pages, tag pages, author pages etc.
These pages have a specific URL like: mywebsite.com/category/the-name-of-your-category.
Divi Switch allows you to make these archive pages sexier:
- Go to the Divitab > Theme Options > Divi Switch > Archives
- You will be able to display the title of your category at the top of the page.
- You will be able to remove the sidebar on the archive pages.
- Add the words "read more" below each item.
- Add a line to separate each item on the archive.
7 - Integrating layouts in specific locations
This is ideal if you need to display promotional elements in strategic locations, which you can change later with just one click.
- Go to the Divitab > Theme Options > Divi Switch > Integration
- You will be able to add a pre-saved layout above the main content.
- The same goes for placing content after the main content (before the comments)
- The same goes for adding a layout before the content of your articles.
Note: these layout additions will be done identically on all pages.
8 - Downloading SVG files
The Divi > Theme Options > Divi Switch > Advanced tab will allow you to allow SVG files to be uploaded to your media library.
9 - Exporting the parameters as a plugin
This is a brilliant idea! The Import/Export tab allows you to create a plugin on the fly. It will contain all the options you have set up with the Divi Switch plugin.
This means that you could create a "basic" plugin that adds a lot of pre-saved customisations and you could install it on all your sites. Without having to install Divi Switch and set it up again.
Furthermore, if you install this plugin within your clients' sites, they will not be able to change the Divi Switch options as they have been embedded in the extension itself.
- Go to Divitab > Theme options > Divi Switch > Import-Export
- You will be able to use the import function which will save you time in setting up. This means that you already have a plugin created from Divi Switch and that it is also installed.
- Alternatively, you can export your own settings by entering the name of your plugin.
- The description of the plugin.
- The author of the plugin.
- The URL of the author's website.
- The version of the plugin.
- Then you can click on Export Plugin to download it locally and install it on another site.
10 - Adding options in the customizer
In addition to all the options listed above, you will find additional options in the customiser (on the Appearance > Customise tab):
- You can change the Mobile Menu icon (the famous Hamburger).
- Add a background image to your header.
- Customise the 'back to top' button.
- Change the colours and design elements of your archive pages.
Need more resources on Divi? Visit the ElegantThemes blog which is full of ideas and tutorials!
Divi Switch is a plugin that intervenes at various levels of customization. Many of them can be done "by hand" if you know a little CSS and PHP. Others are a bit more complex... However, if getting your hands in the code doesn't thrill you, this premium plugin is a real must-have for Divi users. It is also a significant time saver!