{"id":603,"date":"2020-08-06T21:41:27","date_gmt":"2020-08-06T21:41:27","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/?p=603"},"modified":"2020-08-23T04:10:49","modified_gmt":"2020-08-23T04:10:49","slug":"creating-a-menu","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/2020\/08\/06\/creating-a-menu\/","title":{"rendered":"Creating a Menu"},"content":{"rendered":"\n

Molla supports powerful and user-friendly advanced menus. Please enjoy creating your dreaming menu following step by step.<\/p>\n\n\n\n

Step 1<\/strong> \u2013 Please go Appearance > Menus<\/code> on WP admin sidebar.<\/p>\n\n\n\n

Step 2<\/strong> \u2013 Click create a new menu<\/code> or select a menu.<\/p>\n\n\n\n

Step 3<\/strong> \u2013 Add new menu items.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

For all menu items:<\/strong><\/p>\n\n\n\n

  • Prevent link to other pages<\/li><\/ul>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    • Set background Image<\/li><\/ul>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      • Add labels<\/li><\/ul>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        • Input menu item’s custom class to CSS Classes (optional)<\/strong> option.<\/li>
        • Add icon to menu item.<\/li><\/ul>\n\n\n\n
          \n
          \n
          \"\"<\/figure>\n<\/div>\n\n\n\n
          \n
          \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

          <\/p>\n\n\n\n

          For Depth 1 menu items:<\/strong><\/p>\n\n\n\n

          • Select menu dropdown type with Enable Megamenu<\/strong> checkbox.<\/li><\/ul>\n\n\n\n
            \n
            \n
            \"\"<\/figure>\n<\/div>\n\n\n\n
            \n
            \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
            • When Enable Megamenu<\/strong> is checked => Menu dropdown width & columns<\/li><\/ul>\n\n\n\n
              \n
              \n
              \"\"<\/figure>\n<\/div>\n\n\n\n
              \n
              \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
              • Menu dropdown position with Popup Position<\/strong> option.<\/li><\/ul>\n\n\n\n
                \n
                \n
                \"\"<\/figure>\n<\/div>\n\n\n\n
                \n
                \"\"<\/figure>\n\n\n\n

                <\/p>\n<\/div>\n<\/div>\n\n\n\n

                \"\"<\/figure><\/div>\n\n\n\n

                For Depth 2 or upper menu items:<\/strong><\/p>\n\n\n\n

                • For direct children menu items of megamenu menu item, you can use it for grid column wrapper with Use as grid column<\/strong> option. Then you can add child menu items to it, in one column.<\/li><\/ul>\n\n\n
                  Use for Grid Column option:
                  Menu items that have been set as grid column <\/strong>will not be shown working as grid layouts in menu.
                  Let’s imagine that you are making a megamenu which has 4 columns! You should set Depth 1 menu item as megamenu with 4 columns, and add 4 child menu items to it set as grid column. At last create your menu contents inside each grid column menu item.<\/div>\n\n\n
                  • You can set menu item as subtitle under megamenu menu items.<\/li><\/ul>\n\n\n\n
                    \n
                    \n
                    \"\"<\/figure>\n\n\n\n

                    <\/p>\n<\/div>\n\n\n\n

                    \n
                    \"\"<\/figure>\n\n\n\n

                    <\/p>\n<\/div>\n<\/div>\n\n\n\n

                    For last depth menu items:<\/strong><\/p>\n\n\n\n

                    • You are able to replace content as certain Molla Block.<\/li><\/ul>\n\n\n\n
                      \n
                      \n
                      \"\"<\/figure>\n<\/div>\n\n\n\n
                      \n
                      \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n
                      IMPORTANT NOTE:
                      When you can’t find some menu options while creating menus, click Screen Options<\/strong> button at the top right of screen below WP admin toolbar, and set screen options correctly.<\/div>\n\n\n

                      Step 4<\/strong>\u2013 After edit the menu items, you should click Save Menu<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"

                      Molla supports powerful and user-friendly advanced menus. Please enjoy creating your dreaming menu following step by step. Step 1 \u2013 Please go Appearance > Menus on WP admin sidebar. Step 2 \u2013 Click create a new menu or select a menu. Step 3 \u2013 Add new menu items. For all menu items: Prevent link to other pages Set […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,59],"tags":[],"featured_image_src":{"landsacpe":false,"list":false,"medium":false,"full":false},"categories_name":["06 - Menus","Creating a Menu"],"author_name":"John Doe","comment_count":{"approved":0,"awaiting_moderation":0,"spam":0,"trash":0,"post-trashed":0,"all":0,"total_comments":0},"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts\/603"}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/comments?post=603"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts\/603\/revisions"}],"predecessor-version":[{"id":1556,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts\/603\/revisions\/1556"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/media?parent=603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/categories?post=603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/tags?post=603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}