{"id":7660,"date":"2026-10-05T19:39:10","date_gmt":"2026-10-05T17:39:10","guid":{"rendered":"https:\/\/kitech.ai\/?p=7660"},"modified":"2026-10-05T19:39:10","modified_gmt":"2026-10-05T17:39:10","slug":"supernav-mega-menue-wordpress","status":"publish","type":"post","link":"https:\/\/kitech.ai\/en\/supernav-mega-menue-wordpress\/","title":{"rendered":"SuperNav: the mega menu our own website runs on"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Navigation is often the first thing visitors use on a website \u2014 and the last thing a project takes care of. For us it was no different. As the number of services and products grew, the classic dropdown became hard to follow. So we built a mega menu that organises content instead of stacking it: <a href=\"https:\/\/supernav.kitech.ai\/home\">SuperNav<\/a>. The menu at the top of this page runs on it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">SuperNav works independently of the theme. Panels can be split into columns and given images, short descriptions, badges and an action bar at the bottom. A panel can mirror a menu structure automatically or take any content via shortcode. There is also a menu that stays fixed while scrolling, search in the menu, a mobile navigation as a sidebar, and visibility rules per user role \u2014 applied on the server, not merely hidden with CSS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Was wir beim Bau gelernt haben<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A mega menu has to work in unfamiliar environments. We therefore tested SuperNav on themes that do not follow every convention \u2014 for example templates that never call the usual entry points for styles. That produced a robust output that brings its own design. We also rethought the positioning of the panels several times, until they stay cleanly at the edge at every screen width.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>A menu is not a list of links. It is the first orientation \u2014 and that has to be right at first glance.<\/p><cite>Ingo Zimmermann<\/cite><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">A second focus is multilingual use. In the <a href=\"https:\/\/supernav.kitech.ai\/upgrade-pro\">Pro-Version<\/a> menu texts can be translated into further languages \u2013 with AI if you want, with a table for editing afterwards and export\/import for checking with translators. Colours are set with colour pickers and an eyedropper, and a review mode shows all panels at once so layout questions can be settled quickly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In short: SuperNav turns an overloaded dropdown into a navigation where visitors find what they are looking for.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to use SuperNav on your website or have it adapted to your theme, <a href=\"https:\/\/kitech.ai\/en\/termin-buchen\/\">we are happy to talk about it<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Das Men\u00fc oben auf dieser Seite ist SuperNav. Was wir beim Bau gelernt haben \u2013 und warum ein Men\u00fc mehr k\u00f6nnen muss als Links.<\/p>","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[74,76,75,72,73],"class_list":["post-7660","post","type-post","status-publish","format-standard","hentry","category-web-integrationen","tag-mega-menue","tag-navigation","tag-plugin","tag-supernav","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/kitech.ai\/en\/wp-json\/wp\/v2\/posts\/7660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kitech.ai\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kitech.ai\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kitech.ai\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/kitech.ai\/en\/wp-json\/wp\/v2\/comments?post=7660"}],"version-history":[{"count":2,"href":"https:\/\/kitech.ai\/en\/wp-json\/wp\/v2\/posts\/7660\/revisions"}],"predecessor-version":[{"id":7672,"href":"https:\/\/kitech.ai\/en\/wp-json\/wp\/v2\/posts\/7660\/revisions\/7672"}],"wp:attachment":[{"href":"https:\/\/kitech.ai\/en\/wp-json\/wp\/v2\/media?parent=7660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kitech.ai\/en\/wp-json\/wp\/v2\/categories?post=7660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kitech.ai\/en\/wp-json\/wp\/v2\/tags?post=7660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}