Mach das so wie ich dir das im Beitrag über deinem geschrieben habe, dann kannst du das Bild im ACP hochladen.
Mach das so wie ich dir das im Beitrag über deinem geschrieben habe, dann kannst du das Bild im ACP hochladen.
habe ich, wenn ich auf das blid mit der maus fahre dann hat das ein fade out effekt und ist nicht statisch.
Wie bekomme ich das hin das das logo kein effekt hat sonder statisch ist.
Ah, das hab ich vergessen, füge das noch ein:
.pageHeaderLogo > a:hover img {
transform: scale(1.0) !important;
}Passt die Darstellung ansonsten so weit?
Sollte eigentlich nicht passieren, kannst du mir dein Logo mal anhängen oder schicken? Dann schaue ich mir das direkt damit an.
Sollte eigentlich nicht passieren, kannst du mir dein Logo mal anhängen oder schicken? Dann schaue ich mir das direkt damit an.
weil ich habe als breite 100% angegeben dadurch ist der stil so wie ich es haben wollte auf dem ganzen Bildschirm zu sehen.
Aber das logo geht nur bis zur hälfte.
Hab noch andere stile installiert und da passiert das nicht der header passt sich immer an.
hab das logo mal angehangen.
Nimm das mal anstatt allen allen anderen Deklarationen:
@include screen-lg {
#pageHeaderLogo {
padding: 0px !important;
overflow: hidden;
}
.pageHeaderLogo > a {
display: block;
}
.pageHeaderLogo .pageHeaderLogoLarge {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.pageHeaderLogo > a:hover img {
transform: scale(1.0) !important;
}
}Dann ist dein Logo immer 100% breit.
Versuch mal ob das geht:
@include screen-lg {
#pageHeaderLogo {
padding: 0px !important;
overflow: hidden;
}
.pageHeaderLogo .pageHeaderLogoLarge {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.pageHeaderLogo > a:hover img {
transform: scale(1.0) !important;
}
.pageHeaderLogo > a {
align-items: center;
display: flex;
max-height: 282px;
overflow: hidden;
width: 100%;
}
}Sonst muss es doch als Hintergrundbild eingebunden werden damit das Menü weiterhin funktioniert.