This will bring up a panel with many new option

[Mostafa044]

Simply go to the Appearance » Menus page in your WordPress dashboard and add the link to your navigation menu. For detailed instructions, check out our guide on how to add a navigation menu in WordPress .

Add a link to WordPress menu
After that, you need to click on the Screen Options button at the top of the screen.
s. Simply check the box next to “CSS Classes”.

Show CSS classes in Screen Options
Now click on the menu item you want to convert into a button to expand it.

You'll notice a new CSS Class option where you can enter a class name. You can name the CSS class whatever you want, but in this guide we'll be menu-buttonusing.

Add custom CSS class to a link
After entering a name, click the Save Menu button to save your changes.

Now you have added a custom CSS class to the menu item. You denmark business directory can customize its appearance with custom CSS code . You can add this code either via the built-in WordPress Customizer or with a Code Snippets plugin.

Add a Button to Your WordPress Header Menu with WPCode (Recommended)

The best way to add custom code to WordPress is by using WPCode . It is the best code snippets plugin that allows you to add custom CSS, PHP, HTML and more.

Because you are not editing the theme files directly, you can avoid many common WordPress errors . It also allows you to update your theme or switch to a completely different theme without losing your custom code.

If at any time you want to remove the button, you can turn it off with a single click.

First, you need to install and activate the free WPCode plugin . For more information, see our step-by-step guide on how to install a WordPress plugin .