0

我的问题在这里：https ://paper-boy-posse-2.myshopify.com/

我已经尝试并再次尝试，但无法使我的选框（橙色和灰色横幅，它是一个固定元素）居中或响应。正如您所看到的，当您减小屏幕尺寸时，它不再覆盖旋转木马的顶部，而是向右移动。当它是正常的屏幕尺寸时，它甚至没有居中。

所以我的问题是。我怎样才能使这个固定元素： - 居中 - 响应（所以它保持覆盖旋转木马的顶部）

我的代码如下。

<!-- Begin right navigation -->
  {% if settings.navigation_alignment == "right" %}
  <div class="row" id="header">
    <div class="span12 border-bottom">
      <div class="span12" style="margin-top:50px;">
            <div class="logo">
                <img src="http://img69.imageshack.us/img69/4620/gcl6.png"/>
            </div>
      </div> 
    </div>
  </div>


  {% endif %}
  <!-- End right navigation -->
4

1 回答 1

0

如果您想更改横幅的位置并调整其大小以覆盖轮播，请使用媒体查询。

@media screen and (max-width: 600px) {



}

在这期间根据需要修改图像，阅读媒体查询以更好地理解！

于 2013-07-16T07:28:21.107 回答