De7igner – Setting Up the Main Menu

WordPress comes with a wonderful and easy to use menu functionality, letting you quickly create a custom menu and place it in your theme’s supported menu areas or even in the widgetized area with the menus widget. WordPress, and our themes, will by default add all of your pages to the default navigation menu. You can then customize your menu in all our themes by going to Appearance > Menus.

To set up a new menu, please follow the steps below. It’s best to already have your pages created, even if they are blank pages.

  • Navigate to Apperance > Menus page
  • Click the “+” icon to set up a new menu. Enter the name and click Create Menu
  • In order to create a working menu for the De7igner WordPress Theme, you’ll need to create two menus – One for the homepage (with hashtags) and one for the other pages (Single blog, single portfolio,…)

Creating the Main Menu

  • Navigate to Apperance > Menus page
  • Click the “+” icon to make a new menu. Enter the name and click Create Menu
  • Your menu should be named Main Menu and its location should be set as Primary Menu
  • In order for your homepage menu to work properly with the animated scrolling, you need to add menu items by entering a custom name and a custom link into the Custom Links Box
  • Please note that all the homepage boxes have their own ID and that the custom link should be the ID of the block
  • The following blocks are available in De7igner:
    #about, #team, #gallery, #portfolio, #services, #news, #blog, #contact
  • Make sure you have “CSS classes” turned on in the Screen Options.
  • if you’re adding a custom menu with the block hashtag, you’ll need to add a menu class “scroll-link” as shown on the screenshot below. If you’re adding an external link (link for your Twitter account, blog,…) you don’t need to add this menu class
  • You can manage your menus using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place, creating a dropdown section
  • Once it’s all done, make sure you Save the changes.
  • NOTE: You’ll need to set up another menu for all single pages. You should name it Single Menu and its location should be set as Single Menu. Adding the menu items works the same way as for the one-page menu, however you need to add a link before the hashtag. For example: instead of #about, it should be http://www.mydomain.com/#about

De7igner - Setting Up the Main Menu

Leave A Comment?