Größe Logo lässt sich nicht mehr vergrößern

Shopware 5 Themes & Design
1

Hallo, ich habe heute durch Änderungen an meiner header.less das Format meines Logos “zerschossen”?

Das Logo lässt sich nun nicht mehr größer als ca. 100 px breit einstellen, obwohl das Bild deutlich größer als 100 px ist.

Wenn ich im Theme ein kleineres Logo hinterlege, wird es auch kleiner dargestellt; nur die größere Darstellung endet augenscheinlich bei ca. 100 px.

 

Kompilieren und Cache leeren habe ich nach jeder Änderung gemacht.

Außerdem habe ich sämtliche Einträge in der header.less gelöscht, auch die header.less selbst gelöscht und auch in der all.less den Eintrag @import “_modules/header”; gelöscht.

Auch das Zuweisen eines alten oder neuen Themes brachte keine Änderung an der Logogröße, wo nun langsam mein Verständnis aufhört.

 

Kann jemand helfen?

2

Gibts einen Link zum Shop!??!

3

Sorry, nein. Läuft im Moment bei mir auf xampp.

Wo wolltest du zuerst nachsehen?

4

Developer Tools im Browser!

Evtl. ist das “haltende” DIV zu klein…!?

5

div.logo-main.block-group 378x110

div.logo–shop.block 268,96x50

Ich denke mal, dass die 50 Höhe in div.logo–shop.block das Probelem ist.

Wie kann ich dort was ändern?

6

Moin,

 

vielleicht hilft Dir das: https://8mylez.com/blog/logo-groesse-anpassen/

1 „Gefällt mir“
7 
.logo-main.block-group div.logo--shop.block a.logo--link picture img {
    max-width: none;
    max-height: none;
}

 

1 „Gefällt mir“
8

Danke euch beiden.

Eure Hinweise haben mich auf die richtige Spur gebracht.

Der Rest ist ausprobieren bis der Arzt kommt.  Wink

9

So einfach kommst Du nicht davon :wink:

 

Wie sieht Deine Lösung aus ?

Für die Nachwelt :wink:

10 
.header-main {
	.container{background: url("../../img/headerback.png"); height: 33}
     // Logo
    .logo-main {
        .logo--link {
            .unitize-height(65); // Höhe des Logos anpassen, Angabe in px
        }

        // Smaller logo for mobile viewports
        .logo--shop {
            .unitize-height(70); // Höhe des Logo-Div anpassen, Angabe in px
        }
    }
}

@media screen and (min-width: @tabletViewportWidth) { // View für Tablets und Desktops
    .header-main {
		.top-bar {
    background: transparent;
        .container{
            background: transparent; 
        }
    }
        .logo-main {
            .logo--link {
                .unitize-height(100); // Höhe des Logos anpassen, Angabe in px
            }

            .logo--shop {
                .unitize-height(101); // Höhe des Logo-Div anpassen, Angabe in px
            }
        }
    }
}

Also, ich habe letztlich eine Code-Vorlage aus diesem Forum genommen und nur ganz wenig (mein Hintergrundbild rein und die Zahlen ändern) anpassen müssen.