分享学习记录
互联网技术知识

B2主题将顶部菜单和主菜单合并的教程

两个菜单对于部分网站来说,实在是有点用不到。但是偏偏那个搜索框和小铃铛在顶部菜单上,所以打算试试能不能合到一块,同时又不影响到主题源文件。子主题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;}

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

赞(7)
文章名称:《B2主题将顶部菜单和主菜单合并的教程》
文章链接:https://www.bailuze.com/1008.html
本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
本站专注于百度、搜狗、360、谷歌、bing等常见搜索引擎的优化,关键词排名的提高,诚意咨询邮箱526009505@qq.com
分享到