Kleine Probleme – Logo – Mobilbereich – Farbe

Hallo,
leider sind wir derzeit etwas überfordert, da wir einerseits durch das 2.6 Update mehr Anfragen hereinbekommen und andererseits ein Mitarbeiter derzeit ausfällt. Ich hoffe, dass sich dbzgl bald eine Lösung findet. Wenn ihr eine schnelle Anwort wollt fragt bitte in Englisch, da ich der einzige deutschsprachige Mitarbeiter bin und daher eine Antwort länger benötigen kann.

1) Seit 2.6 gibt es eine Option, welche euch erlaubt die Header Höhe anzupassen: http://www.clipular.com/c/4563914599694336.png?k=sXeFVpmd8TZqRKcKKe7Ah5qhmlQ – habt ihr schon probiert die Höhe zu ändern und somit die Skalierung des Logos zu verhindern?

2) Ihr könnt die Größe mit CSS Code an die Bildschirm auflösungen anpassen. ZB für Ipads und Smartphones mit:

@media only screen and (max-width: 989px) and (min-width: 768px)
.responsive .mobile_slide_out .logo img {
width: 300px;
}
}

@media only screen and (max-width: 767px)
.responsive .mobile_slide_out .logo img {
width: 150px;
}
}

Anstelle von 300px und 150px gebt eure gewünschte Logo Größe ein.

3) Ja, der Browser blockiert die Slider Dateien, da diese über https:// geladen werden, aber ihr über kein vertrauenswürdiges Zertifikat verfügt. Stellt sicher das ihr entweder ein valides Zertifikat habt (dieses kann man sich zB bei Hostern registrieren lassen), oder ladet alle Resourcen nur von der http Adresse. Derzeit habe ihr aber eine Mischung von beidem und der Browser blocckiert die https:// url mit folgendem Fehler:

Failed to load resource: net::ERR_INSECURE_RESPONSE https://www.habermann-gmbh.com/wordpress/wp-content/themes/enfold/config-layerslider/LayerSlider/avia-samples/slide1_Layer_1.png

4) Die einzige Lösung (welche mir jetzt einfällt) wäre statt dem Logo den Balken + das Logo als Hintergrundsbild für das Menü zu setzen. Dann könntet ihr mit :

.html_header_top.html_header_sticky.html_large #header_main .container{
background-size: contain;
background-image: url(https://website.com/meinlogo.jpg);
}

sicherstellen, dass dieses Hintergrundsbild sich immer der Bildschirmgröße anpasst und ihr könntet zB die Balkenform mit Photoshop anpassen. Natürlich müsst ihr http://website.com/meinlogo.jpg mit der url zu eurem Bild ersetzen.

Best regards,
Peter