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

Question

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

因此，在当前设计的网站上，我正在使用带有Elementor页面构建器的Jupiter Wordpress主题。我希望创建一个项目页面，在该页面上显示类别为上层的元素的Blog列表类型

请参阅下面的图片

我是编码的新手：D我对HTML和CSS的事物结构有一个大概的了解。

谢谢您：D

Answer 1

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

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

我希望我有所帮助；）