css - 将菜单或下拉菜单添加到较小的屏幕尺寸

Question

如何使类别列表出现在较小屏幕上的下拉列表中？类似于在小屏幕上用带有页面的导航栏代替汉堡菜单的概念。

因此，在我正在使用带有 Elementor 页面构建器的 Jupiter Wordpress 主题设计的当前网站上。我想创建一个项目页面，它会显示一个博客列表类型的元素，上面有类别

见下图

我是编码新手：D 在涉及 HTML 和 CSS 时，我对事物的结构有一个粗略的了解。

提前谢谢你：D

Answer 1

在您的情况下非常有用的是@media 选择器。您可以使用@media 来检测屏幕的 ia 大小，并为其应用其他 CSS 属性。例如：

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

我希望，我帮助了 ;)