Login with:


Not a member? Sign Up

Forgot Password?

Signup with:


Already have an account? Log in


Written by Michał Krawczyk ,

See: Sidebar Menu documentation page

This component has been renamed. All features of Sidenav has NOT been changed. Now this component is called Sidebar Menu.

  1. Go to the Appearance and Menus. Name your new menu (e.g., Sidenav), and click "Create Menu".
  2. You may add to the Sidenav any link - to the pages, posts, categories or even to the other websites.
  3. On the left side in the Pages, Posts, Custom links or Categories sections find and select whatever you want to be in your Sidenav.
  4. Then click Add to Menu - items will immediately appear in the Menu Structure on the right.
  5. Choose Sidenav Menu in the Menu Settings below the Menu Structure. Otherwise, it will be impossible to upload the proper documentation which will allow WordPress to add your Sidenav.
  6. Then Save Menu.
  7. Next important step is to go to the MDW Config and then Navigation.
  8. To make Sidenav visible select Sidenav in the Navigation type (or Sidenav & Navbar if you've already created the Navbar) and Fixed in the Sidenav type. If you choose Hidden, then Sidenav will appear only when a user clicks on the icon in the top left corner.
  9. If everything is ready, click Save and publish.

  10. It is possible to nest one item in another to receive a collapsible item like in an image below.
  11. Sidenav with collapsed items - Material Design for WordPRess
  12. Go to the Appearance/Menus. Select a Sidenav menu and add a new item.
  13. Now drag your new item - under the item where you want to nest it into, then move it slowly to the right until rectangle dashed line skip to the nested position (see the image).
  14. Parent - child relation in Menus - Material Design for WordPress
  15. Repeat the process for the other items you want to nest.
  16. Save the changes.

Do you want to share?

About author

User avatar

Michał Krawczyk

Digital Marketing Analyst at MDW with a strong Research background, student of Interfaculty Individual Studies in the Humanities at the Jagiellonian University

Leave a reply

Card image cap

Stay up to date

Subscribe to our newsletter

Rapid change in the world of web development is its inseparable quality. New updates and features are being constantly released, almost every week. Don't forget to be up to date.