查看: 890|回复: 1

(代码分享)修改brooklyn的菜单栏Menu为顶部固定菜单栏

[复制链接]

3

主题

7

帖子

47

积分

新手上路

Rank: 1

积分
47
发表于 2018-12-16 14:58:20 | 显示全部楼层 |阅读模式
原来帖子有介绍方法,https://waimaob2c.com/shopify-brooklyn-diy.html
不过并没有把代码放出来让我们可以复制,所以我将代码打了出来,测试有效,具体测试方法按照博主原来的方式即可。


代码如下:
/* -tim:FIX a header at the top of the page */

.header-wrapper {
position:fixed;
z-index:1000;
top:0;
left:0;
right:0;
}

.site-header {
background:rgba(255,255,255,.7);
padding-top:0;
margin-top:5px;
border-bottom: 1 px solid rgba(200,200,200,.5);
border-top: 1px solid rgba(200,200,200,.5);
}

.main-content{
margin-top: 90px;
}

.product-single_meta.scroll-to-fixed-fixed {
padding-top: 100px;
}

回复

使用道具 举报

0

主题

1

帖子

10

积分

新手上路

Rank: 1

积分
10
发表于 2019-8-10 17:12:31 | 显示全部楼层
怎么复制代码呢?
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

热门推荐

Shopify联系我们页面的表单如何设置
Shopify联系我们页面的表
最近群里有几个朋友问到了这个同样的问题,如下图所示,联系我们的页面表单是怎么做出
提高转化率的一个小提示
提高转化率的一个小提示
最近测试,在Checkout按钮下面添加了一次些促销信息,转化率稍稍有些提升,但是因为数
如何查看一个Shopify网站的某个功能使用的是什么插件
如何查看一个Shopify网站
之前有一篇文章已经介绍过,使用Commerce Inspector的Chrome插件可以查看到一个Shopif
Commerce Inspector - 快速查询Shopify网站使用的主题和插件
Commerce Inspector - 快
Commerce Inspector是一款可以帮你快速了解你的竞争对手的Shopify网站的一些数据的的
购物按钮下的 购物安全保证图片 怎么添加
购物按钮下的 购物安全保
购物按钮下的 购物安全保证图片 怎么添加
论坛重新开启用户注册功能
论坛重新开启用户注册功能
论坛注册流程 第1步,获取论坛注册的邀请链接搜索微信公众号“WaimaoB2C”或者扫码关
请教如何去掉网站底部的powered by shopify 字句
请教如何去掉网站底部的po
请教如何去掉网站底部的powered by shopify 字句

Archiver|手机版|小黑屋|

  • Copyright   ©2015-2016  Shopify论坛 | WaimaoB2C.cn   Powered by©Discuz!   ( 冀ICP备15011551号-4 )
快速回复 返回顶部 返回列表