当前位置:首页>WordPress>WordPress教程>将顶部菜单和主菜单合并教程-7B2

将顶部菜单和主菜单合并教程-7B2

前提

两个菜单对于我垃圾没文章的站来说,实在是有点用不到。但是偏偏那个搜索框和小铃铛在顶部菜单上,所以打算试试能不能合到一块,同时又不影响到主题源文件。子主题style.css文件,直接开整!(以下代码逐个贴到文件内即可)

步骤

1、隐藏顶部菜单

.header-banner {position: absolute;height: 1px;}
.header-banner-content {height: 0px;position: absolute;}

2、隐藏顶部后会发现主菜单和幻灯部分有很大的空隙,我们贴入这个代码

.site-header{height: 55px;}

高度自己调整。
3、间隙调整好以后,往下滚动页面,主菜单回收顶部没收完。

.site.up .site-header-in{transform: translate(0,-60px);}

4、搜索框弄出来!

.header-banner-content >div{position: absolute;top: top: 16px;right: -145px;}

完成了!如果不一样,自己调高度哦!

效果图

将顶部菜单和主菜单合并教程-7B2

©版权声明

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


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

给TA打赏
共{{data.count}}人
人已打赏
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
有新私信 私信列表
搜索