добавление меню или выпадающего меню на меньшие размеры экрана

Question

Как сделать так, чтобы список категорий отображался в раскрывающемся списке на небольших экранах?Аналогично концепции, в которой навигационная панель со страницами заменяется меню гамбургера на небольших экранах.

Итак, на текущем веб-сайте, который я разрабатываю, использую тему Jupiter Wordpress с конструктором страниц Elementor.Я хотел создать страницу проекта, на которой бы отображался элемент списка блогов с категориями uptop

См. Прикрепленное изображение ниже

Я новичок в кодировании: D У меня есть грубое понимание структуры вещей, когда дело доходит до HTML и CSS.

Спасибо за продвинутый: D

Answer 1

Очень полезным в вашем случае будет селектор @media.Вы можете использовать @media, чтобы определить размер экрана и применить к нему другие свойства CSS.Например:

@media (max-width: 500px) {
  header {
    display: none;
  }
}

Надеюсь, я помог;)