hab's eingefügt und es klappt!
super @threadi - vielen dank! :)
Beiträge von xiam
-
-
Also ich möchte über dem Header ganz oben auf der Seite ein Logo haben. Diese Logo soll über die ganze Breite gehen, aber in der Höhe fixiert sein.
Für Mobilgeräte habe ich es mit folgenden Code soeben hinbekommen:
Code
Alles anzeigen/* Mobile Working */ .wrap { padding-left: 0em; padding-right: 0em; max-width: 100%; vertical-align: top; } .site-branding { padding: 0em 0; } .custom-logo-link { vertical-align: top; padding-right: 0em; } .has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding { vertical-align: top; }Bei Desktop bzw. ab einer Displaybreite von 48em (@Media screen and (min-width: 48em)) wird das Logo nicht wie gewünscht oben positioniert. Mit diesem Code habe ich es versucht:
Code
Alles anzeigen@media screen and (min-width: 48em) { .custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img { max-width: 100%; } .twentyseventeen-front-page.has-header-image .site-branding, .twentyseventeen-front-page.has-header-video .site-branding, .home.blog.has-header-image .site-branding, .home.blog.has-header-video .site-branding { margin-bottom: 610px; } }Wenn ich die Webseite im Chrome mit Entwicklertools öffne und den Hacken bei margin-bottom entferne (==disable margin-bottom), ist das Logo oben und mittig platziert.
Codeelement.style { margin-bottom: 105px; }Leider kann ich das nicht i-wie als Code abfangen.... :(
-
hallo zusammen,
ich möchte das logo bei twenty seventeen zentriert und ganz oben auf der seite positionieren. leider klappt das i-wie nicht.
das zentrieren des logos klappt, aber die vertikale ausrichtung "quasi: on page top" klappt nicht.
hat jemand von euch einen tipp?