{"id":13943,"date":"2026-03-11T19:58:36","date_gmt":"2026-03-11T18:58:36","guid":{"rendered":"https:\/\/bscwebdesign.at\/blog\/what-is-a-drop-down-menu-example\/"},"modified":"2026-10-27T18:13:03","modified_gmt":"2026-10-27T17:13:03","slug":"what-is-a-drop-down-menu-example","status":"publish","type":"post","link":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/","title":{"rendered":"What is a drop-down menu? (Example)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"13943\" class=\"elementor elementor-13943 elementor-13925\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-359dd97 e-flex e-con-boxed e-con e-parent\" data-id=\"359dd97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9ac63bd e-con-full e-flex e-con e-child\" data-id=\"9ac63bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a81a0e7 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a81a0e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">What is a drop-down menu? (Simply explained) <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4565186 e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"4565186\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52b3db6 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"52b3db6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Paul-Headshot-round-300x300.webp\" title=\"\" alt=\"Portrait of Paul Stellnberger, co-founder of BSC Webdesign\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-837498e elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"837498e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"font-family: 'Sora', sans-serif; color: #000;\"><span style=\"color: #000;\">by<\/span> <a class=\"bsc-autor-link\" href=\"https:\/\/bscwebdesign.at\/en\/blog\/author\/paul-stellnberger\/\">Paul Stellnberger<\/a> \/ <span style=\"color: #000;\">updated<\/span> <time datetime=\"2026-03-11\">11 March 2026<\/time> \/ 3 min. Reading time<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a6b6ac e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-child\" data-id=\"1a6b6ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14754af elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"14754af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Paul-Headshot-round-300x300.webp\" title=\"\" alt=\"Portrait of Paul Stellnberger, co-founder of BSC Webdesign\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bb9dd9 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"0bb9dd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"font-family: 'Sora', sans-serif; color: #000;\"><span style=\"color: #000;\">by<\/span> <a class=\"bsc-autor-link\" href=\"https:\/\/bscwebdesign.at\/en\/blog\/author\/paul-stellnberger\/\">Paul Stellnberger<\/a> \/ <span style=\"color: #000;\">updated<\/span> <time datetime=\"2026-03-11\">11 March 2026<\/time> \/ <br>3 min. Reading time<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c29fc2 e-flex e-con-boxed e-con e-parent\" data-id=\"7c29fc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7a19daf e-con-full e-flex e-con e-child\" data-id=\"7a19daf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c962004 elementor-widget elementor-widget-text-editor\" data-id=\"c962004\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n\n<section id=\"sec-intro\" class=\"bsc-domain\">\n  <div class=\"wrap\">\n\n  A <strong>drop-down menu<\/strong> is a menu that only opens when you click or tap on a main item. This allows further subpages to be displayed without the navigation at the top becoming too full. \n\n    <div class=\"tip-box\">\n      <strong>Definition in one sentence:<\/strong><br> A drop-down menu is a drop-down submenu in the navigation of a website.\n    <\/div>\n\nKeeping menus clear is part of the concept phase in our <a href=\"https:\/\/bscwebdesign.at\/en\/services\/web-design-vienna\/\">custom web design projects<\/a>.\n\n  <\/div>\n<\/section>\n\n<section id=\"sec-main\" class=\"bsc-domain\">\n  <div class=\"wrap\">\n\n    <div class=\"dropdown-demo\" data-before=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/03\/BSC_Webdesign_DropDownMenue_1.webp\" data-after=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/03\/BSC_Webdesign_DropDownMenue_2.webp\">\n      <div class=\"demo-top\">\n        <button class=\"bsc-toggle\" type=\"button\" aria-pressed=\"false\">Show dropdown<\/button>\n      <\/div>\n\n      <img decoding=\"async\" class=\"demo-image\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/03\/BSC_Webdesign_DropDownMenue_1.webp\" alt=\"Website navigation without an open drop-down menu\">\n\n      <p class=\"img-caption\">Before: The navigation is visible, but the drop-down menu is not yet open.<\/p>\n    <\/div>\n\n    <h2>What exactly is a drop-down menu?<\/h2>\n  A drop-down menu is part of the navigation. It opens when you click or tap on a menu item and then displays further subpages. \n\n  This is practical if several pages logically belong together &#8211; for example, under an item such as &#8220;Services&#8221;, &#8220;Products&#8221; or &#8220;More&#8221;.\n\n    <h2>Why do websites use drop-down menus?<\/h2>\n  Drop-down menus help to keep the navigation clear. Instead of placing ten links next to each other at the top of the header, sub-items are neatly grouped under a main item. \n\n    <ul class=\"bullet\">\n      <li>Navigation appears smoother<\/li>\n      <li>Subpages can be grouped logically<\/li>\n      <li>The header remains clear<\/li>\n    <\/ul>\n\n    <div class=\"tip-box\">\n      <strong>Fits in thematically:<\/strong><br>    <a href=\"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-header-simply-explained-for-websites\/\" target=\"_blank\" rel=\"noopener\">What is a header?<\/a>\n      &#8211; \n <a href=\"https:\/\/bscwebdesign.at\/en\/blog\/what-is-navigation-simply-explained-for-websites\/\" target=\"_blank\" rel=\"noopener\">What is a navigation?<\/a>\n      &#8211; \n Creating a website &#8211; step by step\n    <\/div>\n\n    <h2>When is a drop-down menu useful?<\/h2>\n  A drop-down menu is useful if you have several subpages that fit together in terms of content. Then it helps to bring order to the navigation. \n\n  A typical example is a main item such as &#8220;Services&#8221;, under which several individual services are listed. This keeps the menu at the top short, but visitors can still find the right subpage quickly. \n\n    <h2>When should it be avoided?<\/h2>\n  If your website only has a few pages, a drop-down menu is often not necessary. In this case, direct navigation is usually easier and quicker to understand. \n\n  It also becomes problematic if a dropdown contains too many sub-items or terms are unclear. Then it doesn&#8217;t help with orientation &#8211; but makes the menu more complicated. \n\n    <h2>Typical errors with drop-down menus<\/h2>\n  The most common problems are not technical, but structural:\n too many sub-items, unclear designations or an operation that does not work properly on a cell phone.\n\n    <ul class=\"bullet\">\n      <li>Too many sub-items at once<\/li>\n      <li>Incomprehensible terms<\/li>\n      <li>Dropdown works poorly on mobile<\/li>\n      <li>Important pages are hidden too deep<\/li>\n    <\/ul>\n\n    <h2>This is what a good drop-down menu looks like<\/h2>\n  A good drop-down menu is short, clear and logical. Visitors should immediately understand what is hidden behind the main item. \n\n  In most cases, less is more: a few clear sub-items are better than a huge menu with all sorts of things. Today, websites look better when navigation remains simple and calm. \n\n  <\/div>\n<\/section>\n\n<section id=\"sec-fazit\" class=\"bsc-domain\">\n  <div class=\"wrap\">\n\n    <h2>Conclusion: A drop-down menu brings order to the navigation<\/h2>\n  A drop-down menu is useful if several subpages are to be summarized under one main item. It makes navigation more compact &#8211; but only if it remains simple. \n\n    <div class=\"tip-box\">\n      <strong>Next step:<\/strong><br> If you want to understand how navigation, header and page structure together make a good website, our guide will help you:\n    Creating a website &#8211; step-by-step guide\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<section id=\"sec-faq\" class=\"bsc-domain\">\n  <div class=\"wrap\">\n\n    <h2>FAQ &#8211; short &amp; simple<\/h2>\n\n    <details class=\"faq\">\n      <summary>What is a drop-down menu on a website?<\/summary>\n  A drop-down menu is a menu that opens under a main item and displays additional subpages or links.\n    <\/details>\n\n    <details class=\"faq\">\n      <summary>Why do you need a drop-down menu?<\/summary>\n  It helps to collect several subpages clearly under one main point without the navigation at the top becoming too long.\n    <\/details>\n\n    <details class=\"faq\">\n      <summary>Is a drop-down menu good for SEO?<\/summary>\n  Yes, if the structure is clear and the links are properly integrated. It is important that users and search engines can reach the pages logically. \n    <\/details>\n\n    <details class=\"faq\">\n      <summary>When is a drop-down menu useful?<\/summary>\n  If several subpages logically belong to one main point &#8211; for example several services or subject areas.\n    <\/details>\n\n    <details class=\"faq\">\n      <summary>When should you not use a drop-down menu?<\/summary>\n  If the website only has a few pages or the menu is complicated by too many sub-items. Then direct navigation is usually better. \n    <\/details>\n\n    <details class=\"faq\">\n      <summary>What is the difference between the drop-down menu and the hamburger menu?<\/summary>\n  A drop-down menu shows sub-items within the navigation. A hamburger menu is the mobile menu icon that usually opens the entire navigation. \n    <\/details>\n\n  <\/div>\n<\/section>\n\n<style>\n  .bsc-domain{\n    font-family:\"Sora\",system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\n    font-size:16px;\n    line-height:1.8;\n    color:#0c0c0d;\n  }\n  .bsc-domain .wrap{\n    max-width:800px;\n    margin:0 auto;\n    padding:0 12px;\n  }\n  .bsc-domain h2{\n    font-size:24px;\n    font-weight:800;\n    line-height:1.3;\n    margin:2rem 0 .8rem;\n  }\n  .bsc-domain a{\n    color:#151DA5;\n    text-decoration:underline;\n  }\n  .bsc-domain a:hover{text-decoration:none}\n\n  .bullet{\n    margin:.5rem 0 1.2rem;\n    padding-left:1.2rem;\n  }\n  .bullet li{\n    margin:.28rem 0;\n  }\n\n  .tip-box{\n    background:#F7F8FF;\n    border-left:4px solid #151DA5;\n    border-radius:14px;\n    padding:16px 20px;\n    font-size:.97rem;\n    box-shadow:0 3px 10px rgba(12,12,13,.06);\n    margin:22px 0 32px;\n  }\n\n  .faq{\n    background:#fff;\n    border:1px solid #eceef3;\n    border-radius:12px;\n    padding:12px 14px;\n    margin:10px 0;\n    box-shadow:0 2px 8px rgba(12,12,13,.04);\n  }\n  .faq>summary{\n    cursor:pointer;\n    font-weight:700;\n    list-style:none;\n    position:relative;\n    padding-right:28px;\n  }\n  .faq>summary::-webkit-details-marker{display:none}\n  .faq>summary::after{\n    content:\"\";\n    position:absolute;\n    right:4px;\n    top:50%;\n    transform:translateY(-50%) rotate(0);\n    width:10px;\n    height:10px;\n    border-right:2px solid #151DA5;\n    border-bottom:2px solid #151DA5;\n    transition:transform .18s ease;\n  }\n  .faq[open]>summary::after{\n    transform:translateY(-50%) rotate(45deg);\n  }\n\n  .dropdown-demo{\n    margin:28px 0 28px;\n  }\n  .demo-top{\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    margin-bottom:12px;\n  }\n\n  .demo-image{\n    width:100%;\n    display:block;\n    border-radius:16px;\n    box-shadow:0 6px 18px rgba(0,0,0,0.08);\n  }\n\n  .img-caption{\n    font-size:.82rem;\n    color:#555;\n    margin-top:8px;\n    text-align:center;\n  }\n\n  .bsc-toggle{\n    border:1px solid #0c0c0d;\n    background:#fff;\n    color:#0c0c0d;\n    padding:9px 16px;\n    border-radius:999px;\n    font-family:\"Sora\",system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\n    font-size:.86rem;\n    font-weight:700;\n    cursor:pointer;\n    transition:background .12s ease,color .12s ease;\n  }\n  .bsc-toggle:hover{\n    background:#0c0c0d;\n    color:#fff;\n  }\n\n  @media(max-width:640px){\n    .bsc-domain h2{font-size:22px}\n  }\n<\/style>\n\n<script>\n(function(){\n  const blocks = document.querySelectorAll('.dropdown-demo');\n\n  blocks.forEach(block => {\n    const img = block.querySelector('.demo-image');\n    const cap = block.querySelector('.img-caption');\n    const btn = block.querySelector('.bsc-toggle');\n    const before = block.getAttribute('data-before');\n    const after  = block.getAttribute('data-after');\n    let on = false;\n\n    btn.addEventListener('click', () => {\n      on = !on;\n      img.src = on ? after : before;\n      img.alt = on\n        ? 'Website-Navigation mit ge\u00f6ffnetem Dropdown-Men\u00fc'\n        : 'Website-Navigation ohne ge\u00f6ffnetes Dropdown-Men\u00fc';\n\n      btn.textContent = on ? 'Dropdown ausblenden' : 'Dropdown anzeigen';\n\n      if(cap){\n        cap.textContent = on\n          ? 'Nachher: Das Dropdown-Men\u00fc ist ge\u00f6ffnet \u2013 die Unterpunkte werden sichtbar.'\n          : 'Vorher: Die Navigation ist sichtbar, aber das Dropdown-Men\u00fc ist noch nicht ge\u00f6ffnet.';\n      }\n\n      btn.setAttribute('aria-pressed', on ? 'true' : 'false');\n    });\n  });\n})();\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb977be e-flex e-con-boxed e-con e-parent\" data-id=\"cb977be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e1234d elementor-fixed elementor-widget__width-initial elementor-widget elementor-widget-table-of-contents\" data-id=\"6e1234d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;headings_by_tags&quot;:[&quot;h2&quot;],&quot;exclude_headings_by_selector&quot;:[],&quot;no_headings_message&quot;:&quot;Es wurden keine \\u00dcberschriften auf dieser Seite gefunden.&quot;,&quot;_position&quot;:&quot;fixed&quot;,&quot;marker_view&quot;:&quot;bullets&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;&quot;,&quot;library&quot;:&quot;&quot;},&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t\t\t\t<h4 class=\"elementor-toc__header-title\">\n\t\t\t\tIn this article\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div id=\"elementor-toc__6e1234d\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<svg class=\"elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading\" aria-hidden=\"true\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z\"><\/path><\/svg>\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<div class=\"elementor-element elementor-element-525fc5b e-con-full e-flex e-con e-child\" data-id=\"525fc5b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9828828 e-con-full e-flex e-con e-child\" data-id=\"9828828\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ef201e elementor-widget elementor-widget-image\" data-id=\"5ef201e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Paul-Headshot-round-300x300.webp\" title=\"\" alt=\"Portrait of Paul Stellnberger, co-founder of BSC Webdesign\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b1ed09 e-con-full e-flex e-con e-child\" data-id=\"7b1ed09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5c3dab elementor-widget elementor-widget-heading\" data-id=\"c5c3dab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Hey, I\u2019m Paul!<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2aff35c elementor-widget elementor-widget-text-editor\" data-id=\"2aff35c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<div data-breakout=\"normal\">\n<p id=\"viewer-e9b6k624\" class=\"pQuHl TfvTg z3yvg logrL\" dir=\"auto\">Thanks for taking the time to read this post &#8211; really cool that you&#8217;re interested in website &amp; web design!&nbsp;<br data-start=\"486\" data-end=\"489\">You can find many more tips on design, technology and SEO on our blog. And if you have any questions or need support with your own website, we at BSC Webdesign are always happy to help. <\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02f212b elementor-align-center elementor-widget elementor-widget-button\" data-id=\"02f212b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/bscwebdesign.at\/en\/services\/web-design-vienna\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get your website designed<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-782418b elementor-widget elementor-widget-image\" data-id=\"782418b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/11\/Beispiel_Fuer_Onepager.mp4\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A drop-down menu only opens when you click or tap a main item, so more subpages fit into the navigation without cluttering it. Simply explained, with a concrete before-and-after example.<\/p>\n","protected":false},"author":7,"featured_media":14334,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_meta-robots-noindex":"","_yoast_wpseo_canonical":"","bsc_aktualisiert":"2026-03-11","footnotes":""},"categories":[58],"tags":[],"class_list":["post-13943","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tools-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What is a drop-down menu? (Example) | BSC Webdesign<\/title>\n<meta name=\"description\" content=\"What is a drop-down menu? Simply explained: how it works, when it makes your website navigation clearer, and a concrete example to show you how.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is a drop-down menu? (Example) | BSC Webdesign\" \/>\n<meta property=\"og:description\" content=\"What is a drop-down menu? Simply explained: how it works, when it makes your website navigation clearer, and a concrete example to show you how.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/\" \/>\n<meta property=\"og:site_name\" content=\"BSC Webdesign\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bscwebdesign\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-11T18:58:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-27T17:13:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Was-ist-dropdown-scaled.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1429\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Paul Stellnberger\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Paul Stellnberger\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-drop-down-menu-example\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-drop-down-menu-example\\\/\"},\"author\":{\"name\":\"Paul Stellnberger\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#\\\/schema\\\/person\\\/1a0f95275c703fa56347be2ff445207a\"},\"headline\":\"What is a drop-down menu? (Example)\",\"datePublished\":\"2026-03-11T18:58:36+00:00\",\"dateModified\":\"2026-10-27T17:13:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-drop-down-menu-example\\\/\"},\"wordCount\":763,\"publisher\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-drop-down-menu-example\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Was-ist-dropdown-scaled.webp\",\"articleSection\":[\"Tools &amp; tech\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-drop-down-menu-example\\\/\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-drop-down-menu-example\\\/\",\"name\":\"What is a drop-down menu? (Example) | BSC Webdesign\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-drop-down-menu-example\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-drop-down-menu-example\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Was-ist-dropdown-scaled.webp\",\"datePublished\":\"2026-03-11T18:58:36+00:00\",\"dateModified\":\"2026-10-27T17:13:03+00:00\",\"description\":\"What is a drop-down menu? Simply explained: how it works, when it makes your website navigation clearer, and a concrete example to show you how.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-drop-down-menu-example\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-drop-down-menu-example\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-drop-down-menu-example\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Was-ist-dropdown-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Was-ist-dropdown-scaled.webp\",\"width\":2560,\"height\":1429,\"caption\":\"Open dropdown menu in a website navigation with sub-items\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-drop-down-menu-example\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is a drop-down menu? (Example)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/\",\"name\":\"BSC Webdesign\",\"description\":\"Webdesign-Agentur in Wien\",\"publisher\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#organization\"},\"alternateName\":\"bscwebdesign.at\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Organization\",\"ProfessionalService\"],\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#organization\",\"name\":\"BSC Webdesign\",\"alternateName\":\"BSC Webdesign OG\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/logo-bsc.png\",\"contentUrl\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/logo-bsc.png\",\"width\":757,\"height\":752,\"caption\":\"BSC Webdesign\"},\"image\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/bscwebdesign\\\/\",\"https:\\\/\\\/www.instagram.com\\\/bsc.webdesign\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@bscwebdesign\",\"https:\\\/\\\/www.tiktok.com\\\/@bsc.webdesign\",\"https:\\\/\\\/www.google.com\\\/search?kgmid=\\\/g\\\/11w_v8hnb2\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/bsc-webdesign\\\/\",\"https:\\\/\\\/clutch.co\\\/profile\\\/bsc-webdesign\",\"https:\\\/\\\/www.herold.at\\\/gelbe-seiten\\\/wien\\\/792HC\\\/bsc-webdesign\\\/\",\"https:\\\/\\\/feedbax.ai\\\/profile\\\/bsc-webdesign\",\"https:\\\/\\\/www.sortlist.com\\\/agency\\\/bsc-webdesign\",\"https:\\\/\\\/www.goodfirms.co\\\/company\\\/bsc-webdesign\",\"https:\\\/\\\/www.trustpilot.com\\\/review\\\/bscwebdesign.at\"],\"legalName\":\"BSC Webdesign OG\",\"description\":\"BSC Webdesign is a web design agency from Vienna, founded in 2024 by Tobias Berger, Paul Stellnberger and Aaron Csok. The team builds custom WordPress websites, online stores and SEO solutions for businesses across Austria and internationally, with more than 50 completed projects and a 4.9 out of 5 star rating on Google.\",\"telephone\":\"+43 1 442 02 60\",\"email\":\"office@bscwebdesign.com\",\"foundingDate\":\"2024\",\"vatID\":\"ATU81730414\",\"priceRange\":\"from \u20ac2,500\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"Sankt-Johann-Gasse 1-5\\\/1\\\/17\",\"postalCode\":\"1050\",\"addressLocality\":\"Vienna\",\"addressRegion\":\"Vienna\",\"addressCountry\":\"AT\"},\"founder\":[{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/#tobias-berger\",\"name\":\"Tobias Berger\",\"jobTitle\":\"Co-founder, technology & SEO\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/about-us\\\/\",\"alumniOf\":{\"@type\":\"CollegeOrUniversity\",\"name\":\"TU Wien\"},\"sameAs\":\"https:\\\/\\\/www.linkedin.com\\\/in\\\/tobias-berger-\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/#paul-stellnberger\",\"name\":\"Paul Stellnberger\",\"jobTitle\":\"Co-founder, web design & development\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/about-us\\\/\",\"alumniOf\":{\"@type\":\"CollegeOrUniversity\",\"name\":\"WU Vienna University of Economics and Business\"},\"sameAs\":\"https:\\\/\\\/www.linkedin.com\\\/in\\\/paul-stellnberger\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/#aaron-csok\",\"name\":\"Aaron Csok\",\"jobTitle\":\"Co-founder, branding & design\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/about-us\\\/\",\"sameAs\":\"https:\\\/\\\/www.linkedin.com\\\/in\\\/aaroncsok\\\/\"}],\"memberOf\":{\"@type\":\"Organization\",\"name\":\"Vienna Economic Chamber (WKO Wien)\",\"url\":\"https:\\\/\\\/www.wko.at\\\/wien\"},\"subjectOf\":{\"@type\":\"NewsArticle\",\"headline\":\"Drei Schulfreunde gr\u00fcnden erfolgreiches IT-Startup in Margareten\",\"url\":\"https:\\\/\\\/www.meinbezirk.at\\\/margareten\\\/c-wirtschaft\\\/drei-schulfreunde-gruenden-erfolgreiches-it-startup-in-margareten_a7957926\",\"datePublished\":\"2026-02-17\",\"inLanguage\":\"de-AT\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"MeinBezirk\"}},\"areaServed\":[{\"@type\":\"Country\",\"name\":\"Austria\"},{\"@type\":\"City\",\"name\":\"Vienna\"},{\"@type\":\"State\",\"name\":\"Lower Austria\"},{\"@type\":\"State\",\"name\":\"Salzburg\"},{\"@type\":\"Country\",\"name\":\"Germany\"},{\"@type\":\"Country\",\"name\":\"Switzerland\"}],\"contactPoint\":{\"@type\":\"ContactPoint\",\"contactType\":\"customer service\",\"telephone\":\"+43 1 442 02 60\",\"email\":\"office@bscwebdesign.com\",\"areaServed\":[\"AT\",\"DE\",\"CH\"],\"availableLanguage\":[\"German\",\"English\"]},\"knowsAbout\":[\"Web design\",\"WordPress\",\"WooCommerce\",\"Online stores\",\"Website relaunch\",\"SEO\",\"Local SEO\"],\"hasMap\":\"https:\\\/\\\/maps.app.goo.gl\\\/reEqHGYoFnheeHkc9\",\"openingHoursSpecification\":[{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\"],\"opens\":\"08:00\",\"closes\":\"19:00\"},{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":\"Saturday\",\"opens\":\"08:00\",\"closes\":\"14:00\"}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/#\\\/schema\\\/person\\\/1a0f95275c703fa56347be2ff445207a\",\"name\":\"Paul Stellnberger\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/litespeed\\\/avatar\\\/6ff7582021f35ea350139f2347bcb4ee.jpg?ver=1793063796\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/litespeed\\\/avatar\\\/6ff7582021f35ea350139f2347bcb4ee.jpg?ver=1793063796\",\"contentUrl\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/litespeed\\\/avatar\\\/6ff7582021f35ea350139f2347bcb4ee.jpg?ver=1793063796\",\"caption\":\"Paul Stellnberger\"},\"description\":\"Paul Stellnberger is a co-founder of BSC Webdesign, the web design agency from Vienna-Margareten, where he leads web design and development. He has been building WordPress websites for businesses across Austria since 2023, including Physita, Dr. Karamat and Zapfinity, and writes on the blog about site structure, user guidance and effective website content.\",\"sameAs\":[\"https:\\\/\\\/bscwebdesign.at\\\/ueber-uns\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/paul-stellnberger\\\/\"],\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/author\\\/paul-stellnberger\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is a drop-down menu? (Example) | BSC Webdesign","description":"What is a drop-down menu? Simply explained: how it works, when it makes your website navigation clearer, and a concrete example to show you how.","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:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/","og_locale":"en_US","og_type":"article","og_title":"What is a drop-down menu? (Example) | BSC Webdesign","og_description":"What is a drop-down menu? Simply explained: how it works, when it makes your website navigation clearer, and a concrete example to show you how.","og_url":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/","og_site_name":"BSC Webdesign","article_publisher":"https:\/\/www.facebook.com\/bscwebdesign\/","article_published_time":"2026-03-11T18:58:36+00:00","article_modified_time":"2026-10-27T17:13:03+00:00","og_image":[{"width":2560,"height":1429,"url":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Was-ist-dropdown-scaled.webp","type":"image\/webp"}],"author":"Paul Stellnberger","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Paul Stellnberger","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/#article","isPartOf":{"@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/"},"author":{"name":"Paul Stellnberger","@id":"https:\/\/bscwebdesign.at\/en\/#\/schema\/person\/1a0f95275c703fa56347be2ff445207a"},"headline":"What is a drop-down menu? (Example)","datePublished":"2026-03-11T18:58:36+00:00","dateModified":"2026-10-27T17:13:03+00:00","mainEntityOfPage":{"@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/"},"wordCount":763,"publisher":{"@id":"https:\/\/bscwebdesign.at\/en\/#organization"},"image":{"@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/#primaryimage"},"thumbnailUrl":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Was-ist-dropdown-scaled.webp","articleSection":["Tools &amp; tech"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/","url":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/","name":"What is a drop-down menu? (Example) | BSC Webdesign","isPartOf":{"@id":"https:\/\/bscwebdesign.at\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/#primaryimage"},"image":{"@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/#primaryimage"},"thumbnailUrl":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Was-ist-dropdown-scaled.webp","datePublished":"2026-03-11T18:58:36+00:00","dateModified":"2026-10-27T17:13:03+00:00","description":"What is a drop-down menu? Simply explained: how it works, when it makes your website navigation clearer, and a concrete example to show you how.","breadcrumb":{"@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/#primaryimage","url":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Was-ist-dropdown-scaled.webp","contentUrl":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Was-ist-dropdown-scaled.webp","width":2560,"height":1429,"caption":"Open dropdown menu in a website navigation with sub-items"},{"@type":"BreadcrumbList","@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-drop-down-menu-example\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bscwebdesign.at\/en\/home\/"},{"@type":"ListItem","position":2,"name":"What is a drop-down menu? (Example)"}]},{"@type":"WebSite","@id":"https:\/\/bscwebdesign.at\/en\/#website","url":"https:\/\/bscwebdesign.at\/en\/","name":"BSC Webdesign","description":"Webdesign-Agentur in Wien","publisher":{"@id":"https:\/\/bscwebdesign.at\/en\/#organization"},"alternateName":"bscwebdesign.at","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bscwebdesign.at\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Organization","ProfessionalService"],"@id":"https:\/\/bscwebdesign.at\/en\/#organization","name":"BSC Webdesign","alternateName":"BSC Webdesign OG","url":"https:\/\/bscwebdesign.at\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bscwebdesign.at\/en\/#\/schema\/logo\/image\/","url":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/logo-bsc.png","contentUrl":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/logo-bsc.png","width":757,"height":752,"caption":"BSC Webdesign"},"image":{"@id":"https:\/\/bscwebdesign.at\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bscwebdesign\/","https:\/\/www.instagram.com\/bsc.webdesign\/","https:\/\/www.youtube.com\/@bscwebdesign","https:\/\/www.tiktok.com\/@bsc.webdesign","https:\/\/www.google.com\/search?kgmid=\/g\/11w_v8hnb2","https:\/\/www.linkedin.com\/company\/bsc-webdesign\/","https:\/\/clutch.co\/profile\/bsc-webdesign","https:\/\/www.herold.at\/gelbe-seiten\/wien\/792HC\/bsc-webdesign\/","https:\/\/feedbax.ai\/profile\/bsc-webdesign","https:\/\/www.sortlist.com\/agency\/bsc-webdesign","https:\/\/www.goodfirms.co\/company\/bsc-webdesign","https:\/\/www.trustpilot.com\/review\/bscwebdesign.at"],"legalName":"BSC Webdesign OG","description":"BSC Webdesign is a web design agency from Vienna, founded in 2024 by Tobias Berger, Paul Stellnberger and Aaron Csok. The team builds custom WordPress websites, online stores and SEO solutions for businesses across Austria and internationally, with more than 50 completed projects and a 4.9 out of 5 star rating on Google.","telephone":"+43 1 442 02 60","email":"office@bscwebdesign.com","foundingDate":"2024","vatID":"ATU81730414","priceRange":"from \u20ac2,500","address":{"@type":"PostalAddress","streetAddress":"Sankt-Johann-Gasse 1-5\/1\/17","postalCode":"1050","addressLocality":"Vienna","addressRegion":"Vienna","addressCountry":"AT"},"founder":[{"@type":"Person","@id":"https:\/\/bscwebdesign.at\/#tobias-berger","name":"Tobias Berger","jobTitle":"Co-founder, technology & SEO","url":"https:\/\/bscwebdesign.at\/en\/about-us\/","alumniOf":{"@type":"CollegeOrUniversity","name":"TU Wien"},"sameAs":"https:\/\/www.linkedin.com\/in\/tobias-berger-\/"},{"@type":"Person","@id":"https:\/\/bscwebdesign.at\/#paul-stellnberger","name":"Paul Stellnberger","jobTitle":"Co-founder, web design & development","url":"https:\/\/bscwebdesign.at\/en\/about-us\/","alumniOf":{"@type":"CollegeOrUniversity","name":"WU Vienna University of Economics and Business"},"sameAs":"https:\/\/www.linkedin.com\/in\/paul-stellnberger\/"},{"@type":"Person","@id":"https:\/\/bscwebdesign.at\/#aaron-csok","name":"Aaron Csok","jobTitle":"Co-founder, branding & design","url":"https:\/\/bscwebdesign.at\/en\/about-us\/","sameAs":"https:\/\/www.linkedin.com\/in\/aaroncsok\/"}],"memberOf":{"@type":"Organization","name":"Vienna Economic Chamber (WKO Wien)","url":"https:\/\/www.wko.at\/wien"},"subjectOf":{"@type":"NewsArticle","headline":"Drei Schulfreunde gr\u00fcnden erfolgreiches IT-Startup in Margareten","url":"https:\/\/www.meinbezirk.at\/margareten\/c-wirtschaft\/drei-schulfreunde-gruenden-erfolgreiches-it-startup-in-margareten_a7957926","datePublished":"2026-02-17","inLanguage":"de-AT","publisher":{"@type":"Organization","name":"MeinBezirk"}},"areaServed":[{"@type":"Country","name":"Austria"},{"@type":"City","name":"Vienna"},{"@type":"State","name":"Lower Austria"},{"@type":"State","name":"Salzburg"},{"@type":"Country","name":"Germany"},{"@type":"Country","name":"Switzerland"}],"contactPoint":{"@type":"ContactPoint","contactType":"customer service","telephone":"+43 1 442 02 60","email":"office@bscwebdesign.com","areaServed":["AT","DE","CH"],"availableLanguage":["German","English"]},"knowsAbout":["Web design","WordPress","WooCommerce","Online stores","Website relaunch","SEO","Local SEO"],"hasMap":"https:\/\/maps.app.goo.gl\/reEqHGYoFnheeHkc9","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"08:00","closes":"19:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"Saturday","opens":"08:00","closes":"14:00"}]},{"@type":"Person","@id":"https:\/\/bscwebdesign.at\/en\/#\/schema\/person\/1a0f95275c703fa56347be2ff445207a","name":"Paul Stellnberger","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bscwebdesign.at\/wp-content\/litespeed\/avatar\/6ff7582021f35ea350139f2347bcb4ee.jpg?ver=1793063796","url":"https:\/\/bscwebdesign.at\/wp-content\/litespeed\/avatar\/6ff7582021f35ea350139f2347bcb4ee.jpg?ver=1793063796","contentUrl":"https:\/\/bscwebdesign.at\/wp-content\/litespeed\/avatar\/6ff7582021f35ea350139f2347bcb4ee.jpg?ver=1793063796","caption":"Paul Stellnberger"},"description":"Paul Stellnberger is a co-founder of BSC Webdesign, the web design agency from Vienna-Margareten, where he leads web design and development. He has been building WordPress websites for businesses across Austria since 2023, including Physita, Dr. Karamat and Zapfinity, and writes on the blog about site structure, user guidance and effective website content.","sameAs":["https:\/\/bscwebdesign.at\/ueber-uns\/","https:\/\/www.linkedin.com\/in\/paul-stellnberger\/"],"url":"https:\/\/bscwebdesign.at\/en\/blog\/author\/paul-stellnberger\/"}]}},"_links":{"self":[{"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/posts\/13943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/comments?post=13943"}],"version-history":[{"count":7,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/posts\/13943\/revisions"}],"predecessor-version":[{"id":19879,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/posts\/13943\/revisions\/19879"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/media\/14334"}],"wp:attachment":[{"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/media?parent=13943"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/categories?post=13943"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/tags?post=13943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}