2017-12-17 9 views
-1

Mein Logo reagiert nicht auf Mobiltelefone.Responsive.css Logo

Code unten. Wordpress-Thema: xclean.

Kann mir bitte jemand helfen?

Vielen Dank.

/*============================================= 
    =   Mobail Menu Style   = 
    =============================================*/ 
    .header-search { 
    right: 0; 
    } 
    .header-search .searchform input[type="text"] { 
    width: 160px !important; 
    } 
    .header-search .searchform input[type="submit"] { 
    width: 35px !important; 
    } 
    .header .site-logo a { 
    display: block; 
    text-align: center; 
    } 
    .header .site-logo .slideItWrapper { 
    display: inline-block; 
    } 
    .header-cart:hover .dropdown { 
    visibility: hidden; 
    opacity: 0; 
    } 
    .header-cart .dropdown { 
    display: none; 
    } 

Antwort

0

Verwendung Relative Maßeinheiten:

.header .site-logo a { 
    width: 10vw; 
} 
+0

Link zur Website: https://vemavm.com/test/ Es gibt einen weiteren Abschnitt, wo "logo" genannt wird, ist Ist es wahrscheinlich irgendwo da? @media nur Bildschirm und (min-Breite: 320 Pixel) und (max-width: 480px) { /* ======================== ============== \t = Homepage-Stil = \t =========================== ============= */ } .header .Site-logo img { width: 100px; Rand links: -30px; Rand oben: 0; } } Header .Site-logo img { margin-left: 25px; – Kenny

+0

relative Einheit hat nicht funktioniert. – Kenny

+0

dieser funktioniert, aber es ist jetzt in die obere linke Ecke verschoben: } .header .site-logo a { Anzeige: Block; Textausrichtung: Mitte; \t Breite: 18vw; } Wie kann ich es zentrieren? – Kenny