Header Logo im Vordergrung

Hallo.

Ich habe den Auftrag erhalten ein Heaeder-Logo in eine Seite einzubauen nebem dem nach einer kleinen Unterbrechung ein Strich weiter läuft. Ich habe dies in WordPress mit ein paar kleineren Änderungen in der CSS auch hinbekommen, aber leider nur im Firefox Browser.

Es geht um das 2SPL Logo und den goldfarbenen Strich der als Verlängerung vom L und der Unterstreichung des Menüs dienen soll. Genau so wie es im Firefox zu sehen ist, soll es sein. Schaut man sich die Seite aber im Chrome Browser an, verschwindet das Logo hinter den Slider und im Safari Browser ist das Logo gar hinter dem Header verschwunden. Es ist aber unbedingt wichtig das Logo mit dem Strich im Header zu haben da es die Grundvoraussetzung für diesen Auftrag war. Eine Erhöhung des z-index bringt leider garnichts. Eine andere Möglichkeit das Logo mit dem Strich in den Header einzubauen fällt mir leider nicht ein.

Habt ihr da eine Lösung parat?

Freundliche Grüße

Marco Molzahn