在线建站培训
您的位置: 魔客吧站长论坛站长互助查看内容

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

362253789 发表于 2017-4-22 16:05:15 | 栏目:站长互助
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的值改高一点

moke
moke 发表于 2017-4-22 16:05:16
应该是这里
.subNv li{width:12.5%;text-align:center;float:left;}
把width:12.5%去掉,或者把width的值改高一点

moke
moke 发表于 2017-4-24 10:09:53
这个要改模板的css文件了

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

362253789
362253789 发表于 2017-5-16 12:01:38
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);}