How Do I Add a Double Menu in WordPress?

Adding a double menu to your WordPress site is easy. All you need is a little CSS and a little WordPress custom code. Here’s how to do it:

1. Start by adding a new style sheet to your site.

Name it “menu.css” and save it to your WordPress site.

2. Add the following CSS to your “menu.css” file:

#main-menu { display: none; }

#secondary-menu { display: block; }

3. Add the following code to your WordPress site’s functions.php file:

add_action(‘init’, ‘create_secondary_menu’);

function create_secondary_menu() {

register_sidebar(array(

‘name’ => __(‘Secondary Menu’),

‘id’ => ‘secondary-menu’,

‘description’ => __(‘Adds a secondary menu to your WordPress site’),

‘before_widget’ => ‘

‘,

‘after_widget’ => ‘

‘,

));

}

4. Now you need to add some code to your WordPress site’s header.

php file to activate the new style sheet. Add the following line to your header.php file:.

5. Finally, you need to add some code to your WordPress site’s footer.

php file to disable the default menu. Add the following line to your footer.

That’s it! Your site now has a double menu.