2 Logos in Header

you have inserted the svg on a different way?
i do not see why there are two times the svg but

if you set the .responsive .logo img to display none too

.responsive .logo img {display: none}

it disappears ! ??? it is a riddle

how do you insert the logo svg?

ich hasse den neuen Firefox – mein geliebtes Firebug läuft nicht mehr; da hätte ich das ganze schneller gefunden.

Übrigens sieh mal hier was du am svg machen kannst, damit du das shrinken beeinflussen kannst: Link

du hast irgendwo das svg als background eingesetzt.

.logo {
background: url('http://www.contigo-personal-training.de/wp-content/uploads/2017/05/cpt-Logo.svg') no-repeat;
height: 60px;
top: 15px;
width: 170px;
}

das muss inline code sein ( hast du zB. das customize von WP benutzt ?)

Such das mal , und lösche das.

Dann setzt du das logo ( man kann auch svgs nehmen) im Enfold Dialog ein (ps ist wohl auch schon geschehen; daher doppelt !)
da du mit der Anweisung oben höhe und weite gesetzt hast ist auch das hier eingesetzte svg mit den gleichen Daten sichtbar !

Bei Firefox fällt es nicht auf weil offensichtlich deckungsgleich – in den anderen browsern ist es wohl anders.

click to enlarge:

wenn das geht, dann füge um das Logo sichtbar zu machen in das quick css ein:
.logo img { width: 170px; height: auto}

Da ist WordPress ein wenig hinterher mit der svg Unterstützung . Es interpretiert die svgs als hätten sie 0px höhe und 0px weite.

Und natürlich entferne die Anweisung
.logo img {display: none }

• This reply was modified 7 years, 2 months ago by Guenni007.

Den einen Link oben sollte dir zeigen, was ein svg so alles vorherbestimmen kann.

Dein Logo

wenn du das Browserfenster mal in der x Richtung verkleinerst, und danach in der y-Richung siehst du das es nach links sich verkleinert.
in der y-Richtung aber in der Mitte bleibt.

das kann man durch manuelles bearbeiten des svg in einem Texteditor erreichen.

öffne dein svg mal in einem Editor (nicht text editor oder wordpad, die fügen blödsinnigen code hinzu – nimm notepad++ oder eben sublime text am mac)

das sieht man oben im Kopf (ps ich entferne immer die generator zeile) dann so aus:

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 821.8 296.7" style="enable-background:new 0 0 821.8 296.7;"  xml:space="preserve">

Durch hinzufügen einer Anweisung nimmt man einfluss auf das Shrink Verhalten und die Position in der Viewbox:

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 821.8 296.7" style="enable-background:new 0 0 821.8 296.7;" preserveAspectRatio="xMinYMid meet" xml:space="preserve">

dann bleibt das svg linksbündig und wird aber in der höhe vermittelt !

oder eben hier runterladen: Link