{"id":51526,"date":"2026-04-29T09:54:15","date_gmt":"2026-04-29T09:54:15","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=51526"},"modified":"2026-05-19T10:56:45","modified_gmt":"2026-05-19T10:56:45","slug":"how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/","title":{"rendered":"How to Show\/Hide a Menu Based on Dynamic Visibility Conditions"},"content":{"rendered":"\n<p>In this tutorial, we explain how to show or hide menu items based on <strong>Dynamic Visibility<\/strong> conditions in <em>JetMenu<\/em>, exemplify cases for logged-in users and non-logged-in ones, and for items placed on a specific page.<\/p>\n\n\n\n<p>Check our video tutorial to learn how to show or hide individual links based on user role, login status, page type, and more. Thus, you can build smart navigation where guests, logged\u2011in users, and customers all see different menus without writing custom code.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"JetMenu 3.0 in WordPress: Build Dynamic Menus with FSE Support\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/1_PAHHhkZOU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"set-the-dynamic-visibility-conditions\"><strong>Set the Dynamic Visibility Conditions<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>First, you have to set up dynamic visibility for menu elements in the <strong><em>Appearance Jet Menus<\/em><\/strong> tab: move to the <strong><em>WordPress Dashboard &gt; Appearance &gt; Menus<\/em><\/strong> page if you use the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/kava-theme-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kava<\/a> theme or to the <strong><em>WordPress Dashboard &gt; Appearance &gt; Jet Menus<\/em><\/strong> page if you use a block theme.<\/p>\n\n\n\n<p>Here, <strong>Select a menu to edit<\/strong> in the corresponding drop-down list (the \u201cMain\u201d menu, in this case), and unroll settings near the menu item you intend to set the <strong>Dynamic Visibility <\/strong>condition.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/a-menu-item-settings-pop-up.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/a-menu-item-settings-pop-up-1024x640.webp\" alt=\"a menu item settings pop up\" class=\"wp-image-51519\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/a-menu-item-settings-pop-up-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/a-menu-item-settings-pop-up-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/a-menu-item-settings-pop-up-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/a-menu-item-settings-pop-up-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/a-menu-item-settings-pop-up-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/a-menu-item-settings-pop-up.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In the newly appeared <strong>Item settings<\/strong> pop-up, unfold the <strong>Dynamic Visibility<\/strong> block, and enable the <strong>Enable Dynamic Visibility<\/strong> toggle.<\/p>\n\n\n\n<p>Next, set the needed <strong>MODE<\/strong>; in this case, we configure logged-in only and not logged-in menu items with <em>JetMenu<\/em> and allow only the logged-in users to purchase discounted goods.&nbsp;<\/p>\n\n\n\n<p>We select the \u201cShow item only if condition matches\u201d option. After that, we move to the <strong>RULES<\/strong> section and press the \u201c<strong>Add rule<\/strong>\u201d button. Then, we select \u201cLogged In\u201d <strong>CONDITION<\/strong> and set the \u201cYES\u201d <strong>VALUE<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-dynamic-visibility-conditions.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-dynamic-visibility-conditions-1024x640.webp\" alt=\"the dynamic visibility conditions\" class=\"wp-image-51638\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-dynamic-visibility-conditions-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-dynamic-visibility-conditions-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-dynamic-visibility-conditions-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-dynamic-visibility-conditions-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-dynamic-visibility-conditions-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-dynamic-visibility-conditions.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Then, we press the \u201c<strong>Save<\/strong>\u201d button, close the <strong>Item settings<\/strong> pop-up, and save the menu.<\/p>\n\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">The following CONDITIONS are available: User conditions (Logged in and others); User roles (Administrator, Editor, Author, Contributor, Subscriber, Customer, or Shop manager), Page conditions (Is front page, Is home, Is singular, Is page, Is archive, Is search, or Is 404), and WooCommerce pages (Cart, Checkout, Account, Shop, Product, Product category, or Product tag).<\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-the-menu-to-a-header\"><strong>Add the Menu to a Header<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>First, navigate to the <strong><em>WordPress Dashboard &gt; Crocoblock &gt; Theme Templates<\/em><\/strong> tab and create a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-create-a-custom-header-with-jetthemecore\/\" target=\"_blank\" rel=\"noreferrer noopener\">header template<\/a> in an editor you prefer.&nbsp;<\/p>\n\n\n\n<p>Then, set the needed <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/how-to-set-the-header-conditions-in-jetthemecore\/\" target=\"_blank\" rel=\"noreferrer noopener\">conditions<\/a> to display the header on the needed pages of the site.&nbsp;<\/p>\n\n\n\n<p>Also, read the <a href=\"https:\/\/crocoblock.com\/blog\/jetthemecore-setting-header-and-footer-templates-for-any-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Break Free from Default WordPress Headers and Footers with JetThemeCore<\/strong><\/a><strong> <\/strong>article or watch the <a href=\"https:\/\/www.youtube.com\/watch?v=lo7PoCuFLd8\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Edit Header and Footer in WordPress?<\/strong><\/a> video to learn more about the header\/footer modification and checking the final designs.<\/p>\n\n\n\n<p>In this case, we set the condition that allows displaying the header on the entire site.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/setting-the-page-template-visibility-conditions.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/setting-the-page-template-visibility-conditions-1024x640.webp\" alt=\"setting the page template visibility conditions\" class=\"wp-image-51525\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/setting-the-page-template-visibility-conditions-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/setting-the-page-template-visibility-conditions-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/setting-the-page-template-visibility-conditions-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/setting-the-page-template-visibility-conditions-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/setting-the-page-template-visibility-conditions-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/setting-the-page-template-visibility-conditions.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In the next step, add a menu widget (e.g., the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/mega-menu-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Mega Menu<\/strong><\/a> widget) and design the menu as needed.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-main-menu-widget-added-to-the-header.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-main-menu-widget-added-to-the-header-1024x640.webp\" alt=\"the main menu widget added to the header\" class=\"wp-image-51523\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-main-menu-widget-added-to-the-header-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-main-menu-widget-added-to-the-header-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-main-menu-widget-added-to-the-header-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-main-menu-widget-added-to-the-header-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-main-menu-widget-added-to-the-header-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-main-menu-widget-added-to-the-header.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>For more details on using this widget, read the <a href=\"http:\/\/crocoblock.com\/knowledge-base\/articles\/jetmenu-how-to-create-a-mega-menu-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create a Mega Menu in Elementor<\/strong><\/a><strong> <\/strong>tutorial, as well as use tips and tricks in this field according to the <a href=\"https:\/\/crocoblock.com\/blog\/create-custom-menu-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>4 Ways to Create a Custom Menu in WordPress<\/strong><\/a> article.<\/p>\n\n\n\n<p>Finally, save the header.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"test-the-flow\"><strong>Test the Flow<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Since we set the condition for the header to be shown on every page, we can open any page to observe the menu. Here, we open the home page while logged in to the site.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-without-hidden-items-displayed-on-a-page.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-without-hidden-items-displayed-on-a-page-1024x640.webp\" alt=\"the menu without hidden items displayed on a page\" class=\"wp-image-51520\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-without-hidden-items-displayed-on-a-page-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-without-hidden-items-displayed-on-a-page-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-without-hidden-items-displayed-on-a-page-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-without-hidden-items-displayed-on-a-page-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-without-hidden-items-displayed-on-a-page-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-without-hidden-items-displayed-on-a-page.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Also, to check the same page without logging in, we logged out and opened this page on the front end. Here, as one can see, the \u201cSale\u201d menu item is hidden.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-front-end-1024x640.webp\" alt=\"the menu with the hidden item on the front end\" class=\"wp-image-51522\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-front-end-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-front-end-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-front-end-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-front-end-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-front-end-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-front-end.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Also, you can set another dynamic visibility condition. For example, to hide the specific menu item on a page, return to the <strong>Dynamic Visibility<\/strong> settings in the <strong><em>WordPress Dashboard &gt; Appearance &gt; Menus<\/em><\/strong> page.<\/p>\n\n\n\n<p>Here, specify the \u201cHide item if condition matches\u201d <strong>MODE<\/strong> for the corresponding page (the \u201cIs Front Page\u201d page, in this tutorial). Then, the needed menu item will be invisible on the page that we assigned as the front page.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-page.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-page-1024x640.webp\" alt=\"the menu with the hidden item on the page\" class=\"wp-image-51521\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-page-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-page-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-page-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-page-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-page-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/the-menu-with-the-hidden-item-on-the-page.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>Also, in the same way, you can set the visibility conditions for a <em>WooCommerce<\/em> site (e.g., to the <a href=\"https:\/\/crocoblock.com\/blog\/woocommerce-catalog-mode-explained\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shop<\/a> page). Read the <a href=\"https:\/\/crocoblock.com\/blog\/customizing-woocommerce-shop-pages\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WooCommerce Shop Page Template with Crocoblock<\/strong><\/a> article to learn how to customize the <em>WooCommerce<\/em> shop page templates: get ideas, plugins, and tools.<br>That\u2019s it. Now you know how to apply the <strong>Dynamic Visibility<\/strong> Conditions to show\/hide menu items depending on the user role, user status, page conditions,<em> WooCommerce<\/em> data, etc., in this step-by-step guide to conditional menu visibility in JetMenu for WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we explain how to show or hide menu items based on Dynamic Visibility conditions in JetMenu, exemplify cases for logged-in users and non-logged-in ones, and for items placed on a specific page. Check our video tutorial to learn how to show or hide individual links based on user role, login status, page [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[423],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Show\/Hide a Menu Based on Dynamic Visibility Conditions \u4e00 JetMenu | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to apply the Dynamic Visibility Conditions to show\/hide menu items depending on the user role, user status, page conditions, WooCommerce data, etc., in this step-by-step guide to conditional menu visibility in JetMenu for WordPress.\" \/>\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\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Show\/Hide a Menu Based on Dynamic Visibility Conditions \u4e00 JetMenu | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to apply the Dynamic Visibility Conditions to show\/hide menu items depending on the user role, user status, page conditions, WooCommerce data, etc., in this step-by-step guide to conditional menu visibility in JetMenu for WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T10:56:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/a-menu-item-settings-pop-up-1024x640.webp\" \/>\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=\"5 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\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/\",\"name\":\"How to Show\/Hide a Menu Based on Dynamic Visibility Conditions \u4e00 JetMenu | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2026-04-29T09:54:15+00:00\",\"dateModified\":\"2026-05-19T10:56:45+00:00\",\"description\":\"Learn how to apply the Dynamic Visibility Conditions to show\/hide menu items depending on the user role, user status, page conditions, WooCommerce data, etc., in this step-by-step guide to conditional menu visibility in JetMenu for WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/#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 Show\/Hide a Menu Based on Dynamic Visibility Conditions\"}]},{\"@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 Show\/Hide a Menu Based on Dynamic Visibility Conditions \u4e00 JetMenu | Crocoblock","description":"Learn how to apply the Dynamic Visibility Conditions to show\/hide menu items depending on the user role, user status, page conditions, WooCommerce data, etc., in this step-by-step guide to conditional menu visibility in JetMenu for WordPress.","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\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/","og_locale":"en_US","og_type":"article","og_title":"How to Show\/Hide a Menu Based on Dynamic Visibility Conditions \u4e00 JetMenu | Crocoblock","og_description":"Learn how to apply the Dynamic Visibility Conditions to show\/hide menu items depending on the user role, user status, page conditions, WooCommerce data, etc., in this step-by-step guide to conditional menu visibility in JetMenu for WordPress.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/","og_site_name":"Help Center","article_modified_time":"2026-05-19T10:56:45+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/a-menu-item-settings-pop-up-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/","name":"How to Show\/Hide a Menu Based on Dynamic Visibility Conditions \u4e00 JetMenu | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2026-04-29T09:54:15+00:00","dateModified":"2026-05-19T10:56:45+00:00","description":"Learn how to apply the Dynamic Visibility Conditions to show\/hide menu items depending on the user role, user status, page conditions, WooCommerce data, etc., in this step-by-step guide to conditional menu visibility in JetMenu for WordPress.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetmenu\/how-to-show-hide-a-menu-based-on-dynamic-visibility-conditions\/#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 Show\/Hide a Menu Based on Dynamic Visibility Conditions"}]},{"@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\/51526"}],"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\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=51526"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=51526"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=51526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}