Wordpress: Logo wird auf kleinen Bildschirmen eine sehr kleine Größe

Question

Mein Logo hat eine normale Größe auf dem Bildschirm wie diese

und wenn ich den Bildschirm-Größe des Browsers ändern dann mein Logo wird sehr klein.

Das Logo eine kleine Größe wie in den vorherigen Bilder nicht haben muss. Es sollte mehr wie im nächsten Bild sein:

Ich weiß, dass es eine viele verschiedene Themen, aber ist es möglich, das Logo groß, um von smallering den Bildschirm zu halten?

Answer 1

meist WP Themen haben voreingestellter Medien-Abfragen, die Haltepunkte bieten die Website, die auf Bildschirmgröße Änderungen vorzunehmen.

Sie können diese mit benutzerdefinierten CSS außer Kraft setzen, aber ich würde den Breakpoint zuerst finden. Verwenden Sie this tool und fügen Sie dann in etwa wie folgt zu Ihrem CSS:

@media screen and (max-width: 400px){ 
    .logo{ 
    width:200px !important; 
} 
} 

Dadurch ändert sich die Breite des Logos, wenn die Bildschirmgröße 400px oder kleiner ist. Ändern Sie 400px auf den Wert, auf den der Haltepunkt festgelegt ist. Sie können Breite oder Höhe auf diese Weise bearbeiten, aber Sie müssen nicht beides tun, es sei denn Sie möchten.

Edit: „.Logo“ in der CSS oben sollte, was auch immer das Logo der geändert werden Klasse.

Answer 2

Ich gehe davon aus, dass Sie ein Thema verwenden und nicht von Grund auf neu erstellen. Die Chancen stehen gut Ihr Thema eine ansprechende Bild Erklärung hat, wie zum Beispiel:

.someAwesomeDivName img { 
    width:100%; 
    height:auto; 
} 

und die Eltern div das Bild hält, ist eine gewisse Breite, die das Bild im Inneren bewirkt. Überprüfen Sie zuerst, und gehen Sie von dort aus.