将缓存栏从下移到标题

时间:2017-07-07 10:23:05

标签: html css wordpress

我试图在网页上向cache bar移动:http://www.skandicinkasso.de/ - 无法移动element,因为它位于&#的bottom处34; DOM"

我一直试图删除那个定位,并将元素内联到我想要的地方,但我不能这样做。

我想将栏移到此处:http://prntscr.com/fsqb5d

3 个答案:

答案 0 :(得分:0)

将ginger_container.bottom css更改为

.ginger_container.bottom {
    position: fixed;
    left: 0;
    right: 0;
    top: 125px;
    overflow: hidden;
    padding: 10px;
    width: 1100px;
    margin: 0 auto;
}

删除底部:0并添加顶部:125px;宽度:1100px;保证金:0自动;

答案 1 :(得分:0)

还不够吗?

    .ginger_container.bottom {
      border-top: 1px solid #cccccc !important;
      top: 125px;
      height: 28px;           
     }

答案 2 :(得分:0)

在CSS中:从.ginger_container.bottom移除position:fixed;和所有其他位置属性(左,右,下)。

enter image description here

在HTML 中:将整个<div class="ginger_banner-wrapper">及其内容移至header,并将其放在关闭标题标记</header>的正上方。

enter image description here

输出:已修复并保持在导航栏下方。

enter image description here