{"id":5128,"date":"2021-12-13T04:57:37","date_gmt":"2021-12-13T04:57:37","guid":{"rendered":"https:\/\/groovefunnels.review\/?p=5128"},"modified":"2022-05-20T06:11:33","modified_gmt":"2022-05-20T06:11:33","slug":"groovepages-megamenu","status":"publish","type":"post","link":"https:\/\/groovefunnels.review\/groovepages-megamenu\/","title":{"rendered":"GroovePages MEGAMENU &#8211; How To Create Sub-Menus &#038; MegaMenu In GroovePages UPDATE"},"content":{"rendered":"\n<p>One of the major updates in <a href=\"https:\/\/groovefunnels.review\/groovepages\/\" data-type=\"page\" data-id=\"2447\">GroovePages<\/a> for December 2021 is Mega Menus.<\/p>\n\n\n\n<p>Yes, you can already create menus and sub-menus in GroovePages but Megamenus allow you to further customize and design the look of your menus &#8211; and they look pretty cool!<\/p>\n\n\n\n<p>I will be releasing a series of short GroovePages tutorials to go in tandem with my <a href=\"https:\/\/groovefunnels.review\/groovepages-tutorial-for-beginners\/\" data-type=\"post\" data-id=\"4459\">GroovePages for Beginners tutorial<\/a>.<\/p>\n\n\n\n<p>So if you haven\u2019t seen that video yet, watch that video first to get the core understanding of how to use GroovePages.<\/p>\n\n\n\n<p>Ok let&#8217;s dive right into it.<\/p>\n\n\n<div class=\"gb-button-wrapper gb-button-wrapper-7cf670ab\">\n\n<a class=\"gb-button gb-button-3eb1a789 gb-button-text\" href=\"https:\/\/hi.groovefunnels.review\/freegroovefunnelspage\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong><strong>Claim Your Free Account<\/strong><\/strong><\/a>\n\n<\/div>\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Creating MegaMenus on GroovePages Video Tutorial<\/h2>\n\n\n<!--presto-player:video_id=21--><figure class=\"wp-block-video presto-block-video  presto-provider-youtube\" style=\"--plyr-color-main: var(--presto-player-highlight-color, #00b3ff); --presto-player-logo-width: 150px; \">\n    <presto-player  id=\"presto-player-1\" src=\"\/\/www.youtube.com\/embed\/gVuaok89KRU?iv_load_policy=3&amp;modestbranding=1&amp;playinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1\" media-title=\"E60: GroovePages MEGAMENU - How To Create Sub-Menus &amp; MegaMenu In GroovePages UPDATE (Dec 2021)\" css=\"\" class=\"presto-video-id-21 presto-preset-id-5 skin-stacked\" skin=\"stacked\" icon-url=\"https:\/\/groovefunnels.review\/wp-content\/plugins\/presto-player\/img\/sprite.svg\" preload=\"\" poster=\"\" playsinline  >\n        \n\n    <\/presto-player>\n<\/figure>        <script>\n            var player = document.querySelector('presto-player#presto-player-1');\n            player.video_id = 21;\n                                                player.preset = {\"id\":5,\"name\":\"Youtube Optimized\",\"slug\":\"youtube\",\"icon\":\"youtube\",\"skin\":\"stacked\",\"play-large\":true,\"rewind\":true,\"play\":true,\"fast-forward\":true,\"progress\":true,\"current-time\":true,\"mute\":true,\"volume\":true,\"speed\":true,\"pip\":false,\"fullscreen\":true,\"captions\":false,\"reset_on_end\":true,\"auto_hide\":true,\"captions_enabled\":false,\"save_player_position\":false,\"sticky_scroll\":false,\"sticky_scroll_position\":\"bottom right\",\"play_video_viewport\":false,\"hide_youtube\":false,\"lazy_load_youtube\":true,\"hide_logo\":false,\"border_radius\":0,\"caption_style\":\"\",\"caption_background\":\"\",\"is_locked\":true,\"cta\":[\"\"],\"email_collection\":[\"\"],\"action_bar\":{\"enabled\":true,\"percentage_start\":0,\"text\":\"Subscribe To Our YouTube Channel\",\"background_color\":\"#1d1d1d\",\"button_type\":\"youtube\",\"button_count\":false},\"created_by\":1,\"created_at\":\"2021-07-24 02:58:13\",\"updated_at\":\"2022-02-16 19:29:48\",\"deleted_at\":\"\",\"watermark\":[\"\"],\"on_video_end\":\"select\",\"search\":[\"\"],\"show_time_elapsed\":false};\n                                                                player.chapters = [];\n                                                                player.overlays = [];\n                                                                player.tracks = [];\n                                                                player.branding = {\"logo\":\"\",\"color\":\"#00b3ff\",\"logo_width\":150};\n                                                                player.blockAttributes = {\"id\":21,\"src\":\"https:\\\/\\\/www.youtube.com\\\/watch?v=gVuaok89KRU&t=62s\",\"preset\":5,\"video_id\":\"gVuaok89KRU\",\"visibility\":\"public\",\"color\":\"#00b3ff\",\"mutedPreview\":{\"enabled\":false,\"captions\":false},\"mutedOverlay\":{\"enabled\":false,\"src\":\"\",\"width\":200,\"focalPoint\":{\"x\":0.5,\"y\":0.5}},\"mutedOverlayType\":\"text\",\"mutedOverlayText\":\"Click to play\",\"mutedOverlayImageWidth\":200,\"playsInline\":true,\"chapters\":[],\"overlays\":[],\"tracks\":[],\"title\":\"E60: GroovePages MEGAMENU - How To Create Sub-Menus & MegaMenu In GroovePages UPDATE (Dec 2021)\"};\n                                                                                            player.skin = \"stacked\";\n                                                                player.analytics = false;\n                                                                player.automations = true;\n                                                                player.provider = \"youtube\";\n                                                                player.video_id = 21;\n                                                                                                                        player.provider_video_id = \"gVuaok89KRU\";\n                                                                player.youtube = {\"noCookie\":false,\"channelId\":\"UChwKtxY94ROjH9wzMYmH3cw\",\"show_count\":false};\n                                    <\/script>\n        \n\n\n<h3 class=\"gb-headline gb-headline-2b745b9c gb-headline-text\">Timestamps:<\/h3>\n\n\n\n<ul><li><a href=\"https:\/\/www.youtube.com\/watch?v=gVuaok89KRU&amp;t=0s\" rel=\"nofollow noopener\" target=\"_blank\">00:00<\/a> Intro <\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=gVuaok89KRU&amp;t=38s\" rel=\"nofollow noopener\" target=\"_blank\">00:38<\/a> Menu Pages <\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=gVuaok89KRU&amp;t=96s\" rel=\"nofollow noopener\" target=\"_blank\">01:36<\/a> Creating MegaMenus <\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=gVuaok89KRU&amp;t=115s\" rel=\"nofollow noopener\" target=\"_blank\">01:55<\/a> Saving MegaMenus <\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=gVuaok89KRU&amp;t=133s\" rel=\"nofollow noopener\" target=\"_blank\">02:13<\/a> Types of MegaMenus <\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=gVuaok89KRU&amp;t=171s\" rel=\"nofollow noopener\" target=\"_blank\">02:51<\/a> Changing icons <\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=gVuaok89KRU&amp;t=192s\" rel=\"nofollow noopener\" target=\"_blank\">03:12<\/a> Changing icon color <\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=gVuaok89KRU&amp;t=200s\" rel=\"nofollow noopener\" target=\"_blank\">03:20<\/a> Changing Headings <\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=gVuaok89KRU&amp;t=222s\" rel=\"nofollow noopener\" target=\"_blank\">03:42<\/a> Link the \u201clist container\u201d <\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=gVuaok89KRU&amp;t=245s\" rel=\"nofollow noopener\" target=\"_blank\">04:05<\/a> Changing hover effect <\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=gVuaok89KRU&amp;t=270s\" rel=\"nofollow noopener\" target=\"_blank\">04:30<\/a> Deleting icons &amp; headings <\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=gVuaok89KRU&amp;t=285s\" rel=\"nofollow noopener\" target=\"_blank\">04:45<\/a> Changing body background color <\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=gVuaok89KRU&amp;t=316s\" rel=\"nofollow noopener\" target=\"_blank\">05:16<\/a> Deleting MegaMenu<\/li><\/ul>\n\n\n\n<p>Login to your Groovepages website.<\/p>\n\n\n\n<ul><li>Head to &#8220;Pages&#8221;, and these are all the pages in your menu.<\/li><li>You can create a megamenu for every page on your site. <\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"394\" src=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-megamenu.webp\" alt=\"Groovepages megamenu pages\" class=\"wp-image-5134\" srcset=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-megamenu.webp 700w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-megamenu-300x169.webp 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>Now let\u2019s pretend this a website for a financial coach. <\/p>\n\n\n\n<p>Under the page \u201cWork with Me\u201d, she has service 1 and 2 online programs as sub-pages.<\/p>\n\n\n\n<p>Instead of leaving it as a sub-pages, drag the services and 2 online sub-pages to the &#8220;Hidden Pages&#8221; section:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"615\" src=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-hidden-pages-section.webp\" alt=\"Groovepages hidden pages section\" class=\"wp-image-5135\" srcset=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-hidden-pages-section.webp 700w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-hidden-pages-section-300x264.webp 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>Next, we&#8217;re going to create a mega menu for the \u201cWork with Me\u201d page:<\/p>\n\n\n\n<ul><li>Click on three dots of the page you want to create a mega menu for and &#8220;Edit Mega Menu&#8221;<\/li><\/ul>\n\n\n\n<p>A few things to note: <\/p>\n\n\n\n<ul><li>The megamenu is hidden inside the builder and <\/li><li>There will be options here only available to the mega menu<\/li><li>There\u2019s the mega menu canvas over on the right <\/li><li>Once you finish styling it, you will click on the &#8220;save &amp; exit&#8221; button to save your work.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"394\" src=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-megamenu-builder-and-canvas.webp\" alt=\"Groovepages megamenu builder and canvas\" class=\"wp-image-5136\" srcset=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-megamenu-builder-and-canvas.webp 700w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-megamenu-builder-and-canvas-300x169.webp 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>Next you want to head to:<\/p>\n\n\n\n<ul><li>Blocks &gt; block type &gt; in the drop down &gt; select &#8220;Mega Menu&#8221;<\/li><li>Click on it, you will see mega menus design that contain icons, images, opt-in forms within them, or mega menu wireframes.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"394\" src=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-blocks-megamenu.png\" alt=\"Groovepages blocks megamenu\" class=\"wp-image-5137\" srcset=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-blocks-megamenu.png 700w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-blocks-megamenu-300x169.png 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>I really like the 2 column icon mega menu, so let\u2019s drag it into the canvas.<\/p>\n\n\n\n<p>However, if you have a page with a lot of sub-categories, you can drag in this 3 or 4 column megamenu block.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Changing MegaMenu Icon, Text &amp; Links<\/h2>\n\n\n\n<ul><li>You can change the icon by clicking on it, click on the &#8220;configure&#8221; tab, change the icon.<\/li><li>To change the icon color, head back to the &#8220;design&#8221; tab, click on &#8220;text&#8221; and change the color.<\/li><li>To link the icon to a web page, click on the &#8220;configure&#8221; tab, and under &#8220;link to&#8221;, select a page or URL you want to link to.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"394\" src=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-megamenu-icons-text-and-links.webp\" alt=\"Groovepages megamenu icons, text and links\" class=\"wp-image-5138\" srcset=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-megamenu-icons-text-and-links.webp 700w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/Groovepages-megamenu-icons-text-and-links-300x169.webp 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<h2 class=\"gb-headline gb-headline-32ddaa76 gb-headline-text\"><meta charset=\"utf-8\"><meta charset=\"utf-8\">Linking An Entire Container In GroovePages<\/h2>\n\n\n\n<p>Now instead of linking icons and headings individually, I would highlight the whole container and link it.<\/p>\n\n\n\n<p>You do that by clicking on the &#8220;List container&#8221;, click on the &#8220;configure tab&#8221; and linking the entire container to a specific page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"394\" src=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/linking-container-to-page.webp\" alt=\"linking container to page\" class=\"wp-image-5139\" srcset=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/linking-container-to-page.webp 700w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/linking-container-to-page-300x169.webp 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<h2 class=\"gb-headline gb-headline-d6fdf6c1 gb-headline-text\"><meta charset=\"utf-8\">Changing Hover Effect In GroovePages Mega Menu<\/h2>\n\n\n\n<p>You see how when I hover over the containers, the background color is light blue?<\/p>\n\n\n\n<p>You can change that to your brand colors by heading to \u201cStates\u201d in the formatting toolbar.<\/p>\n\n\n\n<p>Then click on &#8220;background&#8221; and change that light blue color to another color.<\/p>\n\n\n\n<h2 class=\"gb-headline gb-headline-1ac439c3 gb-headline-text\"><meta charset=\"utf-8\">MegaMenu Customization<\/h2>\n\n\n\n<p>You can further customize the mega menu by deactivating it on:<\/p>\n\n\n\n<ul><li>all screens<\/li><li>desktop only <\/li><li>laptop only<\/li><li>mobile only, <\/li><li>horizontal or vertical tabs.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"704\" src=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/MegaMenu-1024x704.webp\" alt=\"MegaMenu options\" class=\"wp-image-5140\" srcset=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/MegaMenu-1024x704.webp 1024w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/MegaMenu-300x206.webp 300w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/MegaMenu-768x528.webp 768w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/MegaMenu-1536x1056.webp 1536w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2021\/12\/MegaMenu.webp 1812w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Remember, once you\u2019re finished styling your megamenu, you must click &#8220;SAVE &amp; EXIT&#8221; to save your mega menu.<\/p>\n\n\n<div class=\"gb-button-wrapper gb-button-wrapper-7b2c998e\">\n\n<a class=\"gb-button gb-button-630b002a gb-button-text\" href=\"https:\/\/hi.groovefunnels.review\/freegroovefunnelspage\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><strong><strong>Claim Your Free Account<\/strong><\/strong><\/a>\n\n<\/div>\n\n\n<h2 class=\"gb-headline gb-headline-2ed648b8 gb-headline-text\">Create Stunning Funnels That Sell Like Crazy?<\/h2>\n\n\n\n<p>After you connected and published your domain, it&#8217;s time to start building out your landing pages and sales funnels on GroovePages.<\/p>\n\n\n\n<p>If you want to create stunning funnels that sell like crazy, I recommend writing great copy with relevant CUSTOM graphics. <\/p>\n\n\n\n<p>In this day and age, people don&#8217;t read long blocks of copy.<\/p>\n\n\n\n<p>They&#8217;re skimming and only stop scrolling when they see a compelling image. <\/p>\n\n\n\n<p>You NEED unique custom 3d mockups, book covers, lead magnet images, online course mockups and funnel graphics to make your sales page convert. <\/p>\n\n\n\n<p>I&#8217;ve always struggled with design and could not justify hiring expensive graphic designers.<\/p>\n\n\n\n<p>Not anymore.<\/p>\n\n\n\n<p>The banner below was created <span style=\"text-decoration: underline;\">WITHOUT<\/span> any design skills and under 60 seconds. <\/p>\n\n\n\n<p>Just point-and-click, drag-and-drop, then export!<\/p>\n\n\n\n<p>Click the banner to learn how you can create stunning 3D digital product mockups and sales funnel graphics without any design skills.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/go.aimeevo.com\/clickdesigns-review\" rel=\"nofollow noopener\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2022\/05\/Groovefunnels.review_Banner-1024x536.webp\" alt=\"groovefunnels review banner\" class=\"wp-image-5452\" srcset=\"https:\/\/groovefunnels.review\/wp-content\/uploads\/2022\/05\/Groovefunnels.review_Banner-1024x536.webp 1024w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2022\/05\/Groovefunnels.review_Banner-300x157.webp 300w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2022\/05\/Groovefunnels.review_Banner-768x402.webp 768w, https:\/\/groovefunnels.review\/wp-content\/uploads\/2022\/05\/Groovefunnels.review_Banner.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>One of the major updates in GroovePages for December 2021 is Mega Menus. Yes, you can already create menus and sub-menus in GroovePages but Megamenus &#8230; <a title=\"GroovePages MEGAMENU &#8211; How To Create Sub-Menus &#038; MegaMenu In GroovePages UPDATE\" class=\"read-more\" href=\"https:\/\/groovefunnels.review\/groovepages-megamenu\/\" aria-label=\"More on GroovePages MEGAMENU &#8211; How To Create Sub-Menus &#038; MegaMenu In GroovePages UPDATE\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":5364,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/posts\/5128"}],"collection":[{"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/comments?post=5128"}],"version-history":[{"count":5,"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/posts\/5128\/revisions"}],"predecessor-version":[{"id":5611,"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/posts\/5128\/revisions\/5611"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/media\/5364"}],"wp:attachment":[{"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/media?parent=5128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/categories?post=5128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/groovefunnels.review\/wp-json\/wp\/v2\/tags?post=5128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}