2016-11-16 3 views
0

Hier ist die Site-to-be (unfertige noch) http://www.fairhavenstorage.com/DRAFTIch kann nicht herausfinden, warum der Header nicht „responsive“ in diesem „responsive“ Thema Wordpress ist

Auf einem Desktop-Bildschirm ist es in Ordnung , aber auf einem mobilen Gerät bewegen sich der Titel und die Beschreibung der Site nicht. Ich habe das Logo einige benutzerdefinierten CSS, damit neben den Site-Titeln angezeigt werden - hier ist das, was ich eintreten:

#logo .site-title, #logo .site-description { 
    display: block !important; 

} 


.site-title {margin-top: 26px;} 

#logo img { 
    float: left; 
    margin-right: 20px; 
} 

#logo { 
    float: left; 
    width: 800px; 
} 

Und für das Bild auf der rechten Seite des Kopfes, trat ich dies:

.header-widget { 
float: right; 
width: 200px; 
margin-top: 10px; 
} 

Es sieht nicht gut auf meinem iPhone und ich bin mir nicht sicher, was ich tun soll. Wenn jemand eine Lösung vorschlagen kann, würde das sehr geschätzt werden!

Antwort

0

versuchen und deaktivieren Sie vorhandene CSS. Es gibt @ Media-Abfragen in Ihrem vorhandenen css

+0

Ich bin mir unsicher, wie das geht, ohne andere Styling-Funktionen innerhalb der benutzerdefinierten CSS zu verlieren? Hier ist alles in unserer benutzerdefinierten CSS-Datei (mit Canvas Wootheme) Es scheint, wenn ich nur den Website-Titel und die Beschreibung "reagieren" und schrumpfen könnte, dann würde die Überschrift besser auf einem mobilen Gerät angezeigt werden ....? Vielen Dank! – Yukon4