汉堡菜单3 行未出现在全尺寸屏幕

问题描述

代码中嵌入了一个“汉堡菜单”（3 行菜单），它会显示在移动设备视图中，或者在左上角以 250% 或更大的缩放比例查看屏幕大小时显示。在这些屏幕上运行良好。

我正在使用以下 CSS 使“汉堡菜单”出现在所有屏幕尺寸中，准确地说是桌面视图。但是，它不起作用。难道我做错了什么？非常感谢任何建议！！！

网站网址：https://sstagingjobs.brassring.com/TGnewUI/Search/Home/Home?partnerid=26288&siteid=7342 使用的 CSS：

body#gateway .pageHeader{
  height: auto;
  padding-top: 10px;
  background-color: transparent;
  height: 90px;
   -webkit-transition: .3s cubic-bezier(0.175,.885,.32,1.275) height;
  -moz-transition: .3s cubic-bezier(0.175,1.275) height;
  -ms-transition: .3s cubic-bezier(0.175,1.275) height;
  -o-transition: .3s cubic-bezier(0.175,1.275) height;
  transition: .5s cubic-bezier(0.175,1.275) height;
}

body#gateway .pageHeaderContainer:after{
  width: 100%;
  background-image: linear-gradient(#fff 0px,rgba(243,243,0.8) 100%);
  margin-top: -18px;
  height: 4px;
  position: absolute;
  z-index: 1;
  content: " ";
  line-height: 0px;
}

#gateway .pageHeader .threeLineIcon{
  display: block;
}

#gateway .linkContainer {
    width: 100%;
    position: absolute;
    z-index: 3;
    max-width: 500px;
    text-align: left;
    Box-shadow: 1px 1.5px 2px 1px rgba(0,0.35);
    display: block;
}

#gateway .headerLink,#gateway #headerLinkContainer .backLink{
  display: block;
  margin-left: 30px;
}

#gateway .bPhoneViewLinksVisible .linkContainer{
  left: 0;
}

#gateway .bPhoneViewLinksVisible .grayBox{
  display: block;
}

#gateway .bPhoneViewLinksVisible .pageHeader{
  height: 0;
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）