{"id":1906,"date":"2021-06-20T14:35:09","date_gmt":"2021-06-20T14:35:09","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=1906"},"modified":"2023-02-22T09:34:06","modified_gmt":"2023-02-22T09:34:06","slug":"how-to-design-navigation-menus-for-wordpress-monday-masterclass","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/","title":{"rendered":"How to Design Navigation Menus for WordPress &#8211; Monday Masterclass"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1906\" class=\"elementor elementor-1906\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2dce0e79 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2dce0e79\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-35d32c0\" data-id=\"35d32c0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-70898ff elementor-widget elementor-widget-video\" data-id=\"70898ff\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=ifQLVNhNpFw&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2c26dacb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2c26dacb\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-66ce2413\" data-id=\"66ce2413\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6e5751dc elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"6e5751dc\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1851\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1851\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1852\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1852\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1851\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1851\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1851\" tabindex=\"0\" hidden=\"false\"><p>In this Monday Masterclass we look at the Navigation Menus (nav. menus), why we need them, and a list of the do\u2019s and don\u2019ts we should be considering when we design these valuable assets for our WordPress sites.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1852\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1852\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1852\" tabindex=\"0\" hidden=\"hidden\"><p>this week navigation menus are back on<br \/>the menu yes pun intended<br \/>why well because what was once a mundane<br \/>optional feature is now a crucial piece<br \/>of design that is vital to the success<br \/>of any website initially website menus<br \/>are a navigational tool to help users<br \/>find what they&#8217;re looking for on our<br \/>websites and it&#8217;s because of this basic<br \/>functionality because we know how users<br \/>rely heavily on this feature that both<br \/>web builders and search engines have<br \/>invested interest in how they work and<br \/>knowing this we can not only create<br \/>better user experience we can even use<br \/>this to our advantage to misquote John<br \/>Donne no site is an island we don&#8217;t<br \/>build sites in a vacuum we build sites<br \/>to draw traffic and the way to draw<br \/>traffic is by anticipating the behavior<br \/>of our target audience so when designing<br \/>web sites in general and menus<br \/>specifically we must remember that we<br \/>are targeting two equally important<br \/>types of audiences humans and BOTS now<br \/>these bots are known as spider BOTS or<br \/>web crawlers and their job is to roam<br \/>around the internet visiting sites<br \/>indexing the content that they find and<br \/>reporting back to search engines on the<br \/>levels of user experience and content<br \/>now it&#8217;s true bots are designed to mimic<br \/>human behavior when visiting sites in<br \/>order to save human visitors time by<br \/>gathering data that helps search engines<br \/>point to the sites that are most likely<br \/>to offer the best experience and the<br \/>most reliable information now having too<br \/>many options in a menu makes it<br \/>difficult for web crawlers to do their<br \/>job and systematically browse and index<br \/>everything that they find on our sites<br \/>and this is why ease of navigation is<br \/>one of the most valuable contributors to<br \/>this user experience and consequentially<br \/>vital to our SEO ranking boosting<br \/>traffic and perhaps even rewarding us<br \/>with Rich Snippets<br \/>so now that we understand the importance<br \/>of navigation menus let&#8217;s review the<br \/>primary styles of navigation menus on<br \/>WordPress websites and understand when<br \/>to use them and go over the important<br \/>do&#8217;s and don&#8217;ts while we&#8217;re at it now<br \/>it&#8217;s important to see these primary<br \/>Styles the same way that we think of<br \/>primary colors that they are just the<br \/>basic components or ingredients that we<br \/>can combine mix and match in so many<br \/>ways that eventually we create a vast<br \/>array of variety that part is up to us<br \/>you and me and we should let our<br \/>imagination run while to achieve this<br \/>for now we&#8217;ll just be reviewing the<br \/>primary styles and I always believe that<br \/>the best place to begin is with the<br \/>classics probably because I&#8217;m British<br \/>after all now a classic menu will<br \/>typically appear in the site&#8217;s header on<br \/>a one-page website it could appear as<br \/>part of the top section of the page<br \/>itself<br \/>we usually classify a nav menu as<br \/>classic when it&#8217;s static meaning that it<br \/>stays at the top of the page and that&#8217;s<br \/>the only place that we&#8217;re going to see<br \/>it and also because of its level of<br \/>simplicity<br \/>there&#8217;s nothing complex about the<br \/>classic nav menu layout or design we&#8217;ll<br \/>see category labels in the top level<br \/>each leading to drop-down or cascading<br \/>sub levels the main advantage of the<br \/>classic style menu is that users are<br \/>extremely familiar with them and<br \/>therefore it will make life very easy<br \/>for them and for our friendly<br \/>neighborhood spider BOTS making this a<br \/>great choice for marketplace websites or<br \/>websites with lots of categories of<br \/>information one downside to the classic<br \/>nav menu is the amount of information<br \/>that this style is usually synonymous<br \/>with and some users may find these menus<br \/>tedious perhaps overwhelming and prefer<br \/>to use the search option or even bounce<br \/>all together this is especially true of<br \/>a variation of the classic style<br \/>navigation menu the super-sized classic<br \/>menu commonly known as a mega menu to<br \/>prevent our menus from taking a turn for<br \/>the worse don&#8217;t have too many top-level<br \/>labels in your menu this<br \/>most likely overwhelm users and appear<br \/>too complex and avoid this by having<br \/>just a handful of categories that expand<br \/>to larger families<br \/>if you&#8217;re considering designing a mega<br \/>menu make sure that you have a large<br \/>enough number of categories and<br \/>subcategories to justify using this<br \/>style don&#8217;t make the font in your sub<br \/>level labels too big or too small a good<br \/>rule of thumb is to keep them the same<br \/>size as the body text or slightly larger<br \/>and make sure that your categories are<br \/>well labeled and organized and intuitive<br \/>create visual differences between<br \/>category labels and cascading sub levels<br \/>using contrasting colors and typography<br \/>the main downside to this style is that<br \/>it&#8217;s not mobile responsive whatever<br \/>style of menu we choose we must always<br \/>consider the mobile version of the site<br \/>in previous master classes we&#8217;ve spoken<br \/>about the importance of responsive<br \/>design especially now that Google has<br \/>shifted its preference and higher<br \/>ranking to mobile first sites these are<br \/>sites that are initially designed for<br \/>mobile and then adapted for desktop<br \/>rather than the other way around now<br \/>what most web building experts do to<br \/>solve this problem is create two types<br \/>of menu in element or and using the<br \/>responsive settings they hide the non<br \/>relevant menu in the responsive mode<br \/>this way I can create one website but<br \/>the classic menu will be hidden when<br \/>viewing the site on mobile a very<br \/>popular style of menu for responsive use<br \/>is hiding a collapsible menu behind a<br \/>menu icon fondly known as a hamburger<br \/>icon as users and designers we love this<br \/>style of nav menu it takes up an<br \/>absolute minimum screen space it doesn&#8217;t<br \/>dominate the page moreover it hides all<br \/>the clutter of categories when all we<br \/>want to do is focus on the content of<br \/>the page at least until the menu is<br \/>needed then it&#8217;s merely a matter of<br \/>clicking or tapping on the icon to<br \/>reveal a clear drop-down menu use<br \/>hamburger icon is a great way to go if<br \/>you&#8217;re designing a nav menu to contain<br \/>lots of category labels if you only have<br \/>two or three categories each leading to<br \/>minimal or no families maybe it&#8217;s not<br \/>the best idea to use this when<br \/>considering this style we need to<br \/>remember that we still need this little<br \/>icon to be easily noticeable so don&#8217;t<br \/>keep it tucked away make it easy for<br \/>users to locate and use and that means<br \/>that within this collapsible menu we<br \/>also need to make sure that there is a<br \/>clear indication of which segments<br \/>expand into subcategories this is<br \/>equally true of the exit button or close<br \/>icon we need to keep it noticeable so<br \/>users can exit or close the menu easily<br \/>so designers like to stylize their<br \/>hamburger icon and I&#8217;m sure you&#8217;ve seen<br \/>this as a hand-drawn icon or made up of<br \/>several colors and this is fine so long<br \/>as it&#8217;s recognizable as a menu icon<br \/>remember most users are not you and<br \/>their job isn&#8217;t to figure out the way<br \/>that we think unless of course we&#8217;re<br \/>designing a website for gamers then we<br \/>can practically hide everything I mean<br \/>the game was that I know can spend hours<br \/>clicking around a screen just searching<br \/>for stuff if we&#8217;re tasked with designing<br \/>a menu that is always visible no matter<br \/>where we are on the page then what we<br \/>need is a sticky menu<br \/>these are menus that seem to be stuck to<br \/>the screen floating above the page as it<br \/>Scrolls past and this makes them perfect<br \/>for long pages the user will always have<br \/>the navigation options right in front of<br \/>them instead of having to scroll back to<br \/>the top of the page which could be a<br \/>long way off now<br \/>turning a static menu bar into a sticky<br \/>is easy in Elementor it&#8217;s just a matter<br \/>of checking a box in the advanced<br \/>settings while these are a very popular<br \/>style of navigation menu for both<br \/>desktop and some mobile sites there are<br \/>some downsides too sticky menus most<br \/>obviously that a menu bar that travels<br \/>down the page will continuously conceal<br \/>a chunk of screen real estate some<br \/>designs solve this by placing the menu<br \/>in a section with low opacity or full<br \/>transparency unfortunately this solution<br \/>is not always perfect we must make sure<br \/>that we contrast the colors of the menu<br \/>bar with the colors of the page<br \/>otherwise our menu will disappear also<br \/>avoid creating opposite extremes by<br \/>using colors that clash again we don&#8217;t<br \/>want to draw too much attention away<br \/>from the page towards the menu itself<br \/>then again sometimes the goal of our<br \/>design is just that to steer the user to<br \/>the menu and if there&#8217;s one style that<br \/>has the best chance of upstaging the<br \/>rest of the page that style of nav menu<br \/>is the pop-up now many of you will<br \/>remember that we use this style in our<br \/>recently released travel agent template<br \/>kit a simple way to create these in<br \/>elements or is to place our navigation<br \/>menu widget in the pop-up and then we<br \/>add a button or icon on our page or in<br \/>the header and we use it to trigger the<br \/>pop-up by going into the button widget<br \/>settings and using the dynamic options<br \/>to set the buttons action to open pop-up<br \/>as you can see this is exactly the same<br \/>way that we do it closing the pop-up is<br \/>of course something that we define in<br \/>the pop-up settings this would be a good<br \/>time to mention that if you&#8217;re using<br \/>this style make sure that the close icon<br \/>or button is clear and easy to use<br \/>especially in responsive mode now all of<br \/>these styles of navigation menu can be<br \/>used both horizontally across the screen<br \/>top or bottom and vertically down the<br \/>side of the screen equally now there is<br \/>of course a debate among user experience<br \/>experts as to whether or not vertical or<br \/>side screen menus should be used those<br \/>in favor of them will point out that we<br \/>use them all the time we even have one<br \/>in WordPress those opposing side screen<br \/>menus make a point that they are<br \/>detrimental to mobile user experience<br \/>however there are some great uses of<br \/>pop-up menus that slide in from the side<br \/>in responsive mode unfortunately they<br \/>are also less fashionable these days<br \/>though they still appear in sites that<br \/>are designed to be viewed or scrolled<br \/>horizontally like some portfolio<br \/>websites<br \/>now our last style is one that at least<br \/>to my knowledge only appears<br \/>horizontally in either headers or<br \/>footers and this style is the two-tier<br \/>menu<br \/>these are menus that appear in two<br \/>usually contrasting tears rows or<br \/>sections so to separate two or more menu<br \/>widgets groups of categories let&#8217;s say<br \/>that we&#8217;re designing an online store we<br \/>could create a menu for clothing and<br \/>accessories by gender age occasion etc<br \/>and another one for our about FAQ pages<br \/>and so on we then build a header with<br \/>two sections and into each we drag a<br \/>navigation menu widget and assign one of<br \/>the menus to each widget you can achieve<br \/>the same result just as easily by using<br \/>only one menu in one tier and adding<br \/>button widgets or an icon list widget to<br \/>the second again there are those who<br \/>feel that this style of menu is<br \/>confusing to users but personally I find<br \/>that this style is very convenient in<br \/>fact if you&#8217;ve had a chance to check out<br \/>the template kit that we released last<br \/>week for online magazines you can see<br \/>exactly what I mean<br \/>this week we looked at navigation menus<br \/>why we need them how they can help bring<br \/>users to our sites as well as bettering<br \/>the user experience once they&#8217;re there<br \/>we also looked at five different<br \/>practical styles of navigation menu any<br \/>which could be combined to create<br \/>something that we&#8217;ve never seen before<br \/>more importantly we looked at the main<br \/>do&#8217;s and don&#8217;ts that we need to consider<br \/>when designing and building a navigation<br \/>menu all of which could probably be<br \/>summed up in one indisputable rule keep<br \/>it simple as always if you have any<br \/>advice tips or insight that could help<br \/>other users please share it in the<br \/>comments below and if you&#8217;d like to<br \/>share examples of sites that have<br \/>inspired you or that you&#8217;ve created this<br \/>is the place if you have any criticisms<br \/>we are equally interested in your<br \/>thoughts and this is because we consider<br \/>you the viewers and community members to<br \/>be a valid part of the journey that we<br \/>set out on with each Monday masterclass<br \/>and if you&#8217;ve enjoyed this masterclass<br \/>and you found it helpful or inspiring<br \/>the make sure that you click on the<br \/>subscribe button and tap that Bell so<br \/>that you don&#8217;t miss out on our next<br \/>Monday master class after all our goal<br \/>is to be the best helping others excel<br \/>at their craft thanks for watching<br \/>Cheers<br \/><br \/><\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview In this Monday Masterclass we look at the Navigation Menus (nav. menus), why we need them, and a list of the do\u2019s and don\u2019ts we should be considering when we design these valuable assets for our WordPress sites. Transcript this week navigation menus are back on the menu yes pun intended why [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":4210,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[41],"class_list":["post-1906","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Design Navigation Menus for WordPress - Monday Masterclass - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Design Navigation Menus for WordPress - Monday Masterclass - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this Monday Masterclass we look at the Navigation Menus (nav. menus), why we need them, and a list of the do\u2019s and don\u2019ts we should be considering when we design these valuable assets for our WordPress sites. Transcript this week navigation menus are back on the menu yes pun intended why [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-20T14:35:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-22T09:34:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Monday-Master-Class-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1083\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Design Navigation Menus for WordPress - Monday Masterclass - Academy","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:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/","og_locale":"en_US","og_type":"article","og_title":"How to Design Navigation Menus for WordPress - Monday Masterclass - Academy","og_description":"Overview Transcript Overview In this Monday Masterclass we look at the Navigation Menus (nav. menus), why we need them, and a list of the do\u2019s and don\u2019ts we should be considering when we design these valuable assets for our WordPress sites. Transcript this week navigation menus are back on the menu yes pun intended why [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/","og_site_name":"Academy","article_published_time":"2021-06-20T14:35:09+00:00","article_modified_time":"2023-02-22T09:34:06+00:00","og_image":[{"width":1920,"height":1083,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Monday-Master-Class-1.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"How to Design Navigation Menus for WordPress &#8211; Monday Masterclass","datePublished":"2021-06-20T14:35:09+00:00","dateModified":"2023-02-22T09:34:06+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/"},"wordCount":2320,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Monday-Master-Class-1.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/","url":"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/","name":"How to Design Navigation Menus for WordPress - Monday Masterclass - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Monday-Master-Class-1.jpg","datePublished":"2021-06-20T14:35:09+00:00","dateModified":"2023-02-22T09:34:06+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Monday-Master-Class-1.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Monday-Master-Class-1.jpg","width":1920,"height":1083},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/how-to-design-navigation-menus-for-wordpress-monday-masterclass\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Design \/ Layout","item":"https:\/\/elementor.com\/academy\/design-layout\/"},{"@type":"ListItem","position":4,"name":"How to Design Navigation Menus for WordPress &#8211; Monday Masterclass"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=1906"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1906\/revisions"}],"predecessor-version":[{"id":9550,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1906\/revisions\/9550"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/4210"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=1906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=1906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=1906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}