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

Question

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

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

见下图

我是编码新手:D 我对 HTML 和 CSS.

的事物结构有粗略的了解

先谢谢你:D

Answer 1

@media 选择器对您的情况非常有用。您可以使用@media 来检测i.a。屏幕尺寸，并为其申请其他 CSS 属性。例如：

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

我希望我能帮到你 ;)

adding a menu or a dropdown to smaller screen sizes