Wordpress/css /對齊頁眉和滑塊中的對角線

Question

我正在使用Enfold主題處理Wordpress網站。我必須製作的設計具有一個重要的設計功能，您可以在這裏看到：layout

我的意思是指在頁眉開始並穿過滑塊的對角線。

不是一個問題，但問題始於不同的屏幕尺寸。標題和滑塊中的行應始終排列。

這是我到目前爲止：http://msnw.thinktwice.nl/。

標題和滑塊中的行是2個透明圖像。

爲了更好地瞭解正在發生的事情，我將滑塊中的對角線做成了紅色。

目前還不完美。對角線應從徽標旁邊開始，並保持在不同屏幕尺寸的徽標旁邊。

我也嘗試將徽標和對角線組合在一個圖像中。然後，該線總是停留在徽標旁邊。然而，滑塊中的對角線卻沒有排列出來。

任何想法的如何做到這一點？

Answer 1

我玩了一點這個。

嘗試： 刪除background-position在.ls-gpuhack並將left更改爲例如。 left: 19% !important;