Shopfiy粘Div

Question

我正在使用Shopify Icon主题。每当有人在手机上打开时，我都需要在屏幕底部加一个粘性div。类似于下面的图片。

有人可以帮助解决这个问题。

sticky div example

Answer 1

将css添加到主题css文件

.sticky-div {
  display: none;
}
@media screen and (max-width: 768px) {
  .sticky-div {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    z-index: 10000;
    /* set height as you want */
    background: #ddd;
    /* set color as you want */
  }
}

<div class="sticky-div">
  <!-- Your content here -->
</div>

在</body>标记之前添加html。