移动端底部好看导航修改

移动端底部好看导航修改

废话不说,直接上图:

移动端底部好看导航修改  

本站示例可见,图标自行修改即可. 如不知如何修改.后面会出相应教程.

修改

在子主题 style.css 中 添加

/*移动端底部导航样式*/
@media screen and (max-width: 768px){
.mobile-footer-menu.footer-fixed {
background: rgba(255, 255, 255, 0.9)!important;
border-radius: 12px;
margin: 0 auto;
left: 0;
right: 0;
width: 90%;
bottom: 10px!important;
}
.mobile-footer-menu a b {
font-weight: 100;
}
.mobile-footer-center {
padding: 10px;
}
.mobile-footer-menu .mobile-footer-center button i {
right: -30%;
position: absolute;
line-height: 40px!important;
height: 40px!important;
border-radius: 50%!important;
margin-top: -40px;
}
.mobile-footer-menu.footer-down {
transform: translate(0,140%)!important;
}
}

 

修改完后保存

ctrl+F5

强制刷新即可看到效果

网站

什么是插件

2022-5-8 11:33:53

精选教程

如何设置网站最新动态

2022-5-6 20:49:57

重要声明

本站资源大多来自网络,如有侵犯你的权益请联系管理员麒麟,私信管理员 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


所有内容均免费才可观看的文章都是精品。全站所有资源任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

搜索