Question

我正在定制一个使用Bootstrap CSS和Liquid构建的Nationbuilder主题。我在所有平台上都能正常工作，除了在手机上查看时标题上的注册框与徽标重叠。因为它是Nationbuilder，所以我无法修改所有容器。这是主模板文件中的代码：

<body class="aware-theme v2-theme {{ page.page_class_name }} page-{{ request.template | replace: '_', '-' }} js">

{% if site.has_header_image? and page.features_count == 0 %}
<div class="container header-image-container"> 
 <img src="{{ site.header_image_url_1026 }}" class="header-image img-responsive" border="0" />
</div>
{% endif %}
<div class="row">
<div class="col-sm-12 col-md-6 col-md-offset-6"><br clear="all">{% subpage "join" with "homepage_signup" %}</div> </div>
{% include "nav" %}

{% if page.features_count > 0 %}
  <div class="container">
   {% include "features" %}
  </div>
{% endif %}

它所说的＆＃34;子网页加入＆＃34;是我在注册框的内容中调用的地方。我已尝试在HTML中将此代码移到更高位置但随后它就消失了。

内容正在为移动设备调整大小，但是定位已关闭，因为该框与徽标重叠。

以下是注册框的CSS：

.headerbox {
position: absolute;
z-index:99999;
margin: 0px 0px 100x 0px;
top:20px;
border: solid 1px $theme-color-1;
padding: 5px;
font: $headline-font;
font-size: .8em;
text-align:center;
}

这是徽标的CSS：

.site-logo {
padding: 0;
}

.navbar-brand {
height: auto;
padding: 0;
margin-top:-30px;
}
.navbar {
background: $header-color;
margin-bottom: 0px;
max-height: 190px
}

在Nationbuilder网站上移动设备上重叠div

0 个答案: