Question

我试图通过添加一些div以获得多种颜色并添加响应式对角线SVG线来对Avada标头（版本1）进行样式化。

我用对角线svg线做了一个div，然后将它放入标题父div中。

但无论我尝试做什么，我都无法让持有SVG的div与主标题div重叠。相反，它会在上方或下方发布。我试图把它放在标题区的每个div中;无论我怎么想，我都被z-index弄乱了。我是新手，但我很乐意得到任何帮助。提前谢谢！

网站：www.deccanlaw.com/CLONE4

这是我在header.php文件中输入的html：

    <div class="fusion-header-sticky-height"></div>
      <div class="fusion-header">
        <div class="DeccanHeader" id="Diagonal1">
           <svg xmlns="http://www.w3.org/2000/svg"height="100%" width="20%" id=SVGdiagonal>
                <line x1="2%" y1="0%" x2="98%" y2="100%" style="stroke: #b6bbc2;stroke-width:12" />
            </svg>                  
          </div>
        <div class="fusion-row">
            <?php avada_logo(); ?>
            <?php avada_main_menu(); ?>
      </div>
    </div>

Avada标题 - 具有响应式SVG线的Div不重叠

0 个答案: