ヘッダーとスライダーのWordpress/css/align対角線

Question

私はEnfoldテーマのWordpressサイトで作業しています。私がしなければならないデザインは、ここで見ることができる重要なデザイン機能を持っています：layout

私が意味するのは、ヘッダーから始まりスライダーを通過する対角線です。

問題はありませんが、問題はさまざまな画面サイズから始まります。ヘッダーとスライダーの行は、常にラインアウトする必要があります。

これはこれまで私が持っていたものです：http://msnw.thinktwice.nl/。

ヘッダーとスライダーの線は、2つの透明な画像です。

何が起こっているのかを見るには、スライダの赤い線で対角線を作った。

現時点では完璧ではありません。対角線はロゴの横に始まり、異なるスクリーンサイズのロゴの横にあるはずです。

ロゴと対角線を1つの画像に結合しようとしました。その後、ロゴは常にロゴの横に表示されます。ただし、スライダの対角線はラインアウトしません。

どのようなアイデアがこれを達成するのですか？

Answer 1

これで少し演奏しました。

することにしてみてください。 .ls-gpuhackでbackground-positionを削除して、例えばにleftを変更します。 left: 19% !important;