Divi Layout Menu Customization Guide

How to create a menu in WordPress?

In WordPress, Creating a menu is a straightforward procedure. Here are the steps to create a menu in WordPress. 

Step 1: Log in to your WordPress dashboard.

Step 2: Hover over to appearance from the sidebar navigation and click Menus.

Step 3: If you already have a menu and want to create a new one, click create a new menu from the edit menu option. This will take you to step 4.

Step 4: If you are doing this for the first time, Give a name in Menu Name Field and click Create Menu button. You can also choose the display location for your menu from the menu settings.

Step 5: Now select pages, posts, or links from add menu items and click add to menu.

Step 6: Lastly, Click Save Menu to save it.

How to Add a CSS class in the WordPress menu item?

To Add a CSS class in the WordPress menu item, You need to

Step 1: Click screen options from the top right corner. This will show a panel with some Screen elements features.

Step 2: From here, checkmark CSS Classes from Show advanced menu properties.

Step 3: Now open any menu items, and you will see CSS Classes (optional) available on each one.

Step 4: Put your CSS Class here and Save Menu.

We have added custom CSS to style a specific menu item in some of our layouts. You will only get the layout style once the CSS Class is added.

Here is the List of Divi Layouts that have CSS Class for Menu Item

Layout NameMenu Item NameCSS Classes in Use
Divi HostingLoginmenu_button
Restaurant LayoutOrder Onlinemenu_button
Ebook LayoutHomedf-menu-active
Construction LayoutGet a Quoteget_quote
CV Resume LayoutDownload CVdownload_btn
CV Resume LayoutHomedf-menu-active
Appecho LayoutDownloadget_download
SaaS LayoutDownload Appdownload-app

Submit a Comment

Your email address will not be published. Required fields are marked *

  • days
  • hours
  • minutes
  • seconds

Cyber Monday Sale is Live Right Now! Grab the Deal Before it's Gone

Hurry! Don't Miss Our Biggest Discount

  • days
  • hours
  • minutes
  • seconds

Cyber Monday Sale is Live Right Now
Grab The Deal Now

  • days
  • hours
  • min
  • sec