如何解决平板菜单响应性断点
我的网站的主菜单响应断点是850px移动菜单。尽管我想将其从1369px更改为移动菜单,但是1369px之后的桌面主菜单会溢出网站内容。我已经尝试过CSS,例如:
@media only screen and (max-width: 1369px) {
.header-nav.header-nav-main.nav.nav-left.nav-line-grow.nav-size-small.nav-spacing-medium.nav-uppercase {
display: none;
}
.mobile-nav.nav.nav-left {
display: block; !important:
}
}
因此,它仅隐藏桌面菜单,而没有出现汉堡菜单...
有人可以建议我如何正确更改此断点吗? ps。我是网站开发的业余初学者。
谢谢。
解决方法
您可以通过添加@media轻松地将另一个断点添加到CSS文件中:
@media only screen and (max-width: 1369px) {
.header-nav,.header-nav-main,.nav,.nav-left,.nav-line-grow,.nav-size-small,.nav-spacing-medium,.nav-uppercase {
display: none;
}
.mobile-nav,.nav.nav-left {
display: block; !important:
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。