Бургерное меню

Вопрос к знатокам, либо я тупой, либо лыжи не едут

html

   <div class="hp-store"> 
   <!-- ============== HEADER ============== --> 
   <header class="hp-store__header"> 
     <div class="hp-store__header-inner"> 
       <!-- Mobile burger --> 
       <button class="hp-store__burger" aria-label="Меню" type="button"> 
         <span></span><span></span><span></span> 
       </button> 
  
       <!-- Logo on the LEFT --> 
       <a class="hp-store__logo" href="#"><span class="hp-store__logo-mark">F</span> 
 <span class="hp-store__logo-text">AJR</span></a> 
  
       <!-- Categories --> 
       <nav class="hp-store__nav" aria-label="Категории"> 
         <a href="#catalog" class="hp-store__link">Каталог товаров</a> 
         <a href="#" class="hp-store__link">О нас</a> 
         <a href="#" class="hp-store__link">Контакты</a> 
         <a href="#" class="hp-store__link">Индивидуальный заказ</a> 
       </nav> 
  
       <!-- Cart module --> 
       <a class="hp-store__cart" href="#opencart" aria-label="Корзина"> 
         <svg class="hp-store__cart-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"> 
           <path d="M6 7h12l-1.4 11.2a2 2 0 0 1-2 1.8H9.4a2 2 0 0 1-2-1.8L6 7Z"></path> 
           <path d="M9 7V5a3 3 0 0 1 6 0v2"></path> 
         </svg> 
         <span class="hp-store__cart-label">Корзина</span> 
         <span class="hp-store__cart-count">3</span> 
       </a> 
     </div> 
   </header>

Делаю бургерное меню (для мобильной версии), при нажатии должны выпадать так сказать «Категории», а сейчас при нажатии нихрена не выпадает😁

Попробуй

bur.zip 2.9 Kb ⬇ 6

Или пришли полный файл чтоб было понятней

Html , спасибо, уже завтра вечером буду смотреть все варианты, а то у меня уже 3 часа ночи, а с утра на работу переться

Delete
________
посл. ред. 22.07.2026 в 20:28; всего 1 раз(а); by Сталин

html

   <div class="hp-store"> 
   <!-- ============== HEADER ============== --> 
   <header class="hp-store__header"> 
     <div class="hp-store__header-inner"> 
       <!-- Mobile burger --> 
       <button class="hp-store__burger" aria-label="Меню" type="button"> 
         <span></span> 
         <span></span> 
         <span></span> 
       </button> 
  
       <!-- Logo on the LEFT --> 
       <a class="hp-store__logo" href="#"> 
         <span class="hp-store__logo-mark">F</span> 
         <span class="hp-store__logo-text">AJR</span> 
       </a> 
  
       <!-- Categories --> 
       <nav class="hp-store__nav" aria-label="Категории"> 
         <a href="#catalog" class="hp-store__link">Каталог товаров</a> 
         <a href="#" class="hp-store__link">О нас</a> 
         <a href="#" class="hp-store__link">Контакты</a> 
         <a href="#" class="hp-store__link">Индивидуальный заказ</a> 
       </nav> 
  
       <!-- Cart module --> 
       <a class="hp-store__cart" href="#opencart" aria-label="Корзина"> 
         <svg class="hp-store__cart-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 
           <!-- Пример простой иконки корзины --> 
           <path d="M3 3h2l2 12h12l2-12H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 
           <circle cx="7" cy="18" r="3" stroke="currentColor" stroke-width="2"/> 
           <circle cx="17" cy="18" r="3" stroke="currentColor" stroke-width="2"/> 
         </svg> 
       </a> 
     </div> 
   </header> 
 </div>