{"id":4531,"date":"2018-12-17T14:34:57","date_gmt":"2018-12-17T14:34:57","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=4531"},"modified":"2023-04-18T08:24:02","modified_gmt":"2023-04-18T08:24:02","slug":"jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/","title":{"rendered":"How to Use Different Style Presets for Different Menu Locations"},"content":{"rendered":"\n

JetMenu<\/a> Style Preset is a unique combination of menu style settings. They are saved and available for applying to one or several of the menus in case they are set to different locations.
\nOnce you\u2019ve created the style preset you are pleased with, you are able to save it in order to use it again for different menu locations.<\/p>\n\n\n\n

Creating Style Presets<\/h2>\n\n\n\n
\n

Open WordPress Dashboard<\/strong> and proceed to the JetMenu<\/strong> option. In case you don\u2019t have such an option yet, please, install and activate JetMenu<\/strong> plugin.<\/p>\n\n\n\n

Use all the style settings available for the menu appearance in General, Styles, Main Menu<\/strong> and Sub Menu Styles, Advanced<\/strong> and Mobile Menu<\/strong> blocks. Here you can change the appearance of the menu according to your needs. Click the Save<\/strong> button to save the changes.<\/p>\n\n\n\n\"main\n\n\n\n

Make sure to navigate to Appearance > Menus<\/strong> and toggle Enable JetMenu for current location<\/strong> option to Yes.<\/strong><\/p>\n\n\n\n\"enable\n\n\n\n

Click the Save<\/strong> button and open your website\u2019s frontend to check how the created style looks from front-end.<\/p>\n\n\n\n

Feel free to make changes in the styles again if you don’t like the looks of it yet.<\/p>\n\n\n\n

When you\u2019ve created the style you need, open JetMenu<\/strong> tab and switch to the Presets Manager<\/strong> tab. Here you can create the new preset with all the style settings you\u2019ve applied to the menu.<\/p>\n\n\n\n\"presets\n\n\n\n

Pick a title for a preset in the Preset Name<\/strong> field and click the Save<\/strong> button.<\/p>\n\n\n\n

In order to apply a different preset to the specific menu location, click the Save<\/strong> button on the right bottom of the page. After that, move back to Appearance > Menus<\/strong> tab. Here you\u2019ll see Select menu preset<\/strong> dropdown as the second option in JetMenu settings<\/strong> block.<\/p>\n\n\n\n

Feel free to apply a menu preset you\u2019ve built to a specific menu that has the needed location.<\/p>\n\n\n\n

You can also create or choose for editing another menu with a different location. E.g., Footer<\/strong> or Social<\/strong>, and apply the same preset for it to use the same styles for other menus.<\/p>\n\n\n\n\"social\n\n\n\n

In case you want to apply this preset to all the menus, navigate to JetMenu > Presets Manager<\/strong> block. Select the preset you want to apply in the Apply this preset globally <\/strong>dropdown. Afterwards, click the Load <\/strong>button there. Then save the changes.<\/p>\n\n\n\n

In case you want to set a different style preset to a different menu location, make changes you need. And then create a second preset the same way you\u2019ve done before (as explained in steps 4-5).<\/p>\n\n\n\n

You are able to select the style preset for the chosen location from the Select menu preset<\/strong> dropdown for any menu location you have on your site in JetMenu Settings<\/strong> block.<\/p>\n\n\n\n\"JetMenu\n\n\n\n

Click the Save Menu<\/strong> button and you\u2019re done.<\/p>\n\n\n\n

If you want to make changes in the saved presets, you are able to return to the JetMenu<\/strong> settings anytime and here update the preset.<\/p>\n\n\n\n

To delete the preset you no longer need, select the preset you want to remove from the dropdown in the Delete Preset<\/strong> list and click Delete<\/strong> button.<\/p>\n<\/div><\/div>\n\n\n\n

As you can see, the process of creating different style presets for different menu locations doesn’t take too long. Hoping you\u2019ll enjoy creating different presets for your versatile menus.<\/p>\n","protected":false},"excerpt":{"rendered":"

This tutorial will show you how to use different JetMenu style presets while working with JetMenu.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[423],"yoast_head":"\nHow to Use Mega Menu Styles Presets \u2014 JetMenu | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn more about how to manage style presets and assign JetMenu to different locations. Discover limitless functionality of Crocoblock plugins.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Mega Menu Styles Presets \u2014 JetMenu | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn more about how to manage style presets and assign JetMenu to different locations. Discover limitless functionality of Crocoblock plugins.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-18T08:24:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/utoklre5.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/\",\"name\":\"How to Use Mega Menu Styles Presets \u2014 JetMenu | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2018-12-17T14:34:57+00:00\",\"dateModified\":\"2023-04-18T08:24:02+00:00\",\"description\":\"Learn more about how to manage style presets and assign JetMenu to different locations. Discover limitless functionality of Crocoblock plugins.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Use Different Style Presets for Different Menu Locations\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use Mega Menu Styles Presets \u2014 JetMenu | Crocoblock","description":"Learn more about how to manage style presets and assign JetMenu to different locations. Discover limitless functionality of Crocoblock plugins.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/","og_locale":"en_US","og_type":"article","og_title":"How to Use Mega Menu Styles Presets \u2014 JetMenu | Crocoblock","og_description":"Learn more about how to manage style presets and assign JetMenu to different locations. Discover limitless functionality of Crocoblock plugins.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/","og_site_name":"Help Center","article_modified_time":"2023-04-18T08:24:02+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/utoklre5.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/","name":"How to Use Mega Menu Styles Presets \u2014 JetMenu | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2018-12-17T14:34:57+00:00","dateModified":"2023-04-18T08:24:02+00:00","description":"Learn more about how to manage style presets and assign JetMenu to different locations. Discover limitless functionality of Crocoblock plugins.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/jetmenu-style-presets-how-to-use-different-style-presets-for-different-menu-locations\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Use Different Style Presets for Different Menu Locations"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/4531"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=4531"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=4531"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=4531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}