您的位置：魔客吧›站长论坛›站长互助›查看内容

这个手机模板的导航长度如何修改？

362253789 发表于 2017-4-22 16:05 | 查看：914 | 回复：4

30金币

http://www.moke8.com/discuzx/m91156/ 这个模板，门户的栏目名称太长就会重叠，最多只能是5个字。怎样修改让它不重叠。如下图，导航重叠。

QQ截图20170422155938.jpg

最佳答案

moke 查看完整内容

应该是这里 .subNv li{width:12.5%;text-align:center;float:left;} 把width:12.5%去掉，或者把width的值改高一点

0收藏

4回复

914浏览

moke

moke 发表于 2017-4-22 16:05

应该是这里
.subNv li{width:12.5%;text-align:center;float:left;}
把width:12.5%去掉，或者把width的值改高一点

moke

moke 发表于 2017-4-24 10:09

这个要改模板的css文件了

ysxnd

ysxnd 发表于 2017-5-7 22:13

css文件发出来

362253789

362253789 发表于 2017-5-16 12:01

ysxnd 发表于 2017-5-7 22:13
css文件发出来

CSS文件如下：subNV 就是控制导航的

.nvBar{height:.76rem;line-height:.76rem;overflow:hidden;width:100%;background:#fff;border-bottom:solid 1px #eee;position:relative;}
.nvBar:after{border: 2px solid #8e8e8e;border-top: 0;border-left: 0;background-color: transparent;content: "";width: .16rem;height: .16rem;margin-top: -.1rem;position: absolute;right:.16rem;top: 50%;-webkit-transform-origin: center center;-webkit-transform: rotate(-45deg);}
.subNv,.subNv ul{-webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; text-decoration: none;}
.subNv{overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;height:1.2rem;width:95%;}
.subNv::-webkit-scrollbar{display:none}
.subNv ul{white-space: nowrap;height:.76rem;width:200%;}
.subNv li{width:12.5%;text-align:center;float:left;}
.subNv li a{white-space:nowrap;display:block;font-size:.28rem;line-height:.76rem;height:.76rem;-webkit-tap-highlight-color:rgba(0,0,0,.3);}