Html 导航栏周围的白色间距（仅限移动）

白色间距显示在移动导航栏的两侧。这是由我创建的自定义css表（如下）造成的，因为最初徽标在某些浏览器类型上没有正确居中

我相信这可能是由于css代码的初始行，但是删除会替换菜单

我希望在不影响桌面菜单视图的情况下，删除移动查看的白色间隙

/*sunplay的自定义css*/
header.main-header.mainbar容器。mainbar{
显示器：flex；
}
header.main-header.mainbar容器.mainbar.mainbar行{
显示器：flex；
证明内容：中心；
对齐项目：居中！重要；
保证金：0；
}
header.main-header.mainbar容器.mainbar.col自动{
填充：0px；
宽度：100%；
}
header.main-header.mainbar容器.mainbar.col auto.navbar头{
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.lqd css粘滞包裹.ld-parallax-wrap.parallax-applied span.split-inner、.ld-parallax-wrap.parallax-applied span.split-inner{
转换：translateY（0px）！重要；
}
@介质（最大宽度：480px）{
.ld视差包裹。lqd线。分割单元。内部分割{
字体大小：53px！重要；
字母间距：0；
}
}

太阳剧








班萨雷阳光俱乐部
在自定义代码后需要添加的CSS下面运行代码片段

@media(min-width: 320px) and (max-width: 767px) {
  header.main-header .mainbar-container .mainbar .mainbar-row {
    width: 100%;
  }
  header.main-header .mainbar-container .mainbar .col-auto {
    padding: 0px !important;
  }
}

在

header.main-header.mainbar容器.mainbar.mainbar行中添加
width:100%
，并添加
padding:0px！重要的位于
header.main-header.mainbar容器.mainbar.col auto

注意：
！重要提示
不建议使用，但在您的情况下，在
主题.min.css
中，此处
.main header.mainbar行>[class^=col]
中有一个
填充：15px！重要提示
和
右键填充：15px！重要信息
已提及。所以需要覆盖它。这就是为什么我把
padding:0！重要

希望这对你有帮助


/*sunplay的自定义css*/
header.main-header.mainbar容器。mainbar{
显示器：fle