How to Clone Bootstrap 5 Dropdown Menu (Main Navigation)

Last updated on

13 July 2023

This documentation needs review. See "Help improve this page" in the sidebar.

If you replace existing theme with Dempo (not cloning Dempo file and database) then your Main Navigation will not look great. So you need to make some adjustment. Here are the steps to clone Bootstrap 5 Dropdown:

Fist, place new Main Navigation block, but rename to: dempo_main_menu-full
This new block must be on Header region
Now you will see the Bootstrap 5 Dropdown menu, but need some CSS class to make it better, go to step 4
Open Appearance - Settings - Dempo
On Navbar Class enter: "navbar-expand-xl navbar-dark bg-dark" for Dark. If you need Light background then replace dark with light
Replace step 1-5 but with new block name: dempo_main_menu (without "full")
Back to Homepage and check the result.