Beiträge von Param

1000 Dank! Ich war die ganze Zeit auf der Suche nach diesem einfachen Code! Funktioniert auf den ersten Blick einwandfrei!

Auch wenn es jetzt eigentlich nicht mehr notwendig ist, aber da Du mich darum batest - einige der Versuche, bei welchen ich nicht verstehe warum sie so kompliziert sind?

[COLOR=#0C2233][FONT=&amp]@media screen and (min-width: 981px) {    .menu {        text-align:center    }    .menu li {        display:inline-block;        float:none;        margin-left: -5px;    }    .menu li li {        display:block;        text-align:left    }}[/FONT][/COLOR]

[COLOR=#666666][FONT=Inconsolata]@media (min-width: 768px) {  .navbar-nav {    float: none;    padding: auto;  }  .nav {    padding-left: 10%;  }}[/FONT][/COLOR]

[COLOR=#888888][FONT=monospace]@media screen and (min-width: 601px) {.main-navigation {    text-align: center;}.main-navigation ul {    display: inline-block;}}[/FONT][/COLOR]

[COLOR=#2F9C0A][FONT=Consolas].navbar-inner[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]{[/FONT][/COLOR][COLOR=#C92C2C][FONT=Consolas]padding-right[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]:[/FONT][/COLOR][COLOR=#000000][FONT=Consolas] 5px[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas];[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]}[/FONT][/COLOR][COLOR=#2F9C0A][FONT=Consolas].tc-header .nav-collapse[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]{[/FONT][/COLOR][COLOR=#C92C2C][FONT=Consolas]float[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]:[/FONT][/COLOR][COLOR=#000000][FONT=Consolas] none[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas];[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]}[/FONT][/COLOR][COLOR=#2F9C0A][FONT=Consolas].navbar .nav[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]{[/FONT][/COLOR][COLOR=#C92C2C][FONT=Consolas]width[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]:[/FONT][/COLOR][COLOR=#000000][FONT=Consolas] 100%[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas];[/FONT][/COLOR][COLOR=#C92C2C][FONT=Consolas]text-align[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]:[/FONT][/COLOR][COLOR=#000000][FONT=Consolas] center[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas];[/FONT][/COLOR][COLOR=#C92C2C][FONT=Consolas]-webkit-box-sizing[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]:[/FONT][/COLOR][COLOR=#000000][FONT=Consolas] border-box[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas];[/FONT][/COLOR][COLOR=#C92C2C][FONT=Consolas]-moz-box-sizing[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]:[/FONT][/COLOR][COLOR=#000000][FONT=Consolas] border-box[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas];[/FONT][/COLOR][COLOR=#C92C2C][FONT=Consolas]box-sizing[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]:[/FONT][/COLOR][COLOR=#000000][FONT=Consolas] border-box[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas];[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]}[/FONT][/COLOR][COLOR=#2F9C0A][FONT=Consolas].nav-collapse .nav > li[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]{[/FONT][/COLOR][COLOR=#C92C2C][FONT=Consolas]float[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]:[/FONT][/COLOR][COLOR=#000000][FONT=Consolas] none[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas];[/FONT][/COLOR][COLOR=#C92C2C][FONT=Consolas]display[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]:[/FONT][/COLOR][COLOR=#000000][FONT=Consolas] inline-block[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas];[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]}[/FONT][/COLOR][COLOR=#2F9C0A][FONT=Consolas].nav-collapse .nav > li li[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]{[/FONT][/COLOR][COLOR=#C92C2C][FONT=Consolas]text-align[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]:[/FONT][/COLOR][COLOR=#000000][FONT=Consolas] left[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas];[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]}[/FONT][/COLOR][COLOR=#1990B8][FONT=Consolas]@media [COLOR=#5F6364]([/COLOR][COLOR=#C92C2C]max-width[/COLOR][COLOR=#5F6364]:[/COLOR] 979px[COLOR=#5F6364])[/COLOR][/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]{[/FONT][/COLOR][COLOR=#2F9C0A][FONT=Consolas].nav-collapse .nav > li[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]{[/FONT][/COLOR][COLOR=#C92C2C][FONT=Consolas]display[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]:[/FONT][/COLOR][COLOR=#000000][FONT=Consolas] list-item[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas];[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]}[/FONT][/COLOR][COLOR=#5F6364][FONT=Consolas]}[/FONT][/COLOR]

[COLOR=#000000][FONT=Inconsolata]@media screen and (min-width: 783px) {.primary-navigation {    float: none;    margin-left: 0;}.primary-navigation .nav-menu {    display: flex;    justify-content: space-between;}.primary-navigation a {    padding: 0 6px;}}[/FONT][/COLOR]

Hallo!

Selbst nach dem Lesen mehrerer Posts und zahlreichen Versuchen will es mir nicht glücken das Top-Menü auf meiner Seite zu zentrieren. Siehe auch Screenshot.

Kann jemand helfen?

Vielen Dank im Voraus!

P.S. Falls ein Administrator das hier liest: Es gibt einen Beitrag bzgl. dem Thema den man evtl. löschen kann, weil er keinerlei hilfreiche Information enthält http://forum.wpde.org/design/158123-menue-zentrieren.html

Nein, kann man nur auf den 1. Blick:
Wird das Fenster schmaler, wie z.B. beim Smartphone, erscheint ohne

[COLOR=#333333].page-id-2 nav { display: none; }[/COLOR]

ein erhellter Balken oberhalb.

Super! Hat geklappt.

Da könnte ich mir den "meinigen" Code sogar sparen, oder?

Da ich auf der Landingpage kein Menü will, habe ich es via:

.page-id-2 nav { display: none; }

ausgeblendet.

Es verbleibt jedoch ein unnötiger weißer Balken. Wie kann ich diesen ebenfalls entfernen?

Im Voraus, danke für die Hilfe!

SEpp55: Funktioniert - und ich habe wieder etwas dazugelernt! Vielen Dank!

Bzgl. weiteren Auswirkungen werde ich mal noch sehen! ;-)

b3317133: Du hast vollkommen Recht damit, sich mit CSS auseinanderzusetzen. Das tue ich auch. Es ist vollkommen klar, dass ohne dem auf lange Sicht "nichts geht". Ganz davon abgesehen, dass CSS Spaß macht. (Ich schreibe den Beitrag übrigens erst NACHDEM ich zuvor, mit den mir zur Verfügung stehenden CSS Kenntnissen, das Problem versucht habe zu lösen.)

Danke dir für die Tips/Links diesbezüglich!

Dürfte ich dich dennoch erneut bitten mir auf die Sprünge zu helfen, wie das was du vorschlägst konkret als Code aussehen würde? Es würde mir für das Gesamtverständnis sehr behilflich sein...

b3317133: Danke Dir für den Tip! Dürfte ich Dich fragen, wie das konkret als Code aussehen würde?

Und was meinst Du mit "usw. auf none setzen"?

Nein,funktioniert nicht...

"color: #fff" ist ein blau, oder? Das überrascht mich ein wenig...da ich doch eigentlich nur einen Unterstrich ausblenden will. Aber das ist auch nur die Herangehensweise eines Anfängers.

Danke für Deine Geduld!

Danke Dir FloRet, für den Vorschlag! Ich habe es unter "zusätzliches CSS" im Customizer eingefügt, aber wenn Du nachschauen magst: Es hat keine Änderung bewirkt...

Ich habe auf meine Startseite zweierlei Icons eingefügt und diese mit Links verknüpft. (Siehe Screenshot)

Das eigenartige dabei ist, dass bei den einen, sobald man sie mit der Maus berührt, ein Unterstrich erscheint und bei dem anderen (farbigen), in der Mitte der Seite, nicht. Dies, obwohl ich beide auf die selbe Weise eingefügt habe.

Mein Ziel ist, dass alle Icons ohne Unterstrich bleiben. Ich habe dies via "style="text-decoration:none;"" für die betroffenen versucht. Leider erfolglos.

Im Voraus danke für die Hilfe!

Top! Schaut gut aus!

Du hast vollkommen recht! Ich habe das falsch verstanden:oops:

Aber dank Deiner Aufführung ist es mir jetzt auch im Detail klar geworden wie die Funktionsweise ist und ich habe den gesamten Code übernommen.

Und siehe an: Zumindest ist es jetzt auf dem Smartphone mit dem MS-EDGE und auf dem PC perfekt. Nur die zwei mobilen Browser, UC und SURFY, spinnen immer noch. Aber das ist wohl vernachlässigbar.

Wichtig wäre natürlich, ob es auf den Android Geräten funktioniert? Ich habe keines, aber werde mich umhören.

Danke noch einmal für die Mühe!!!

Also: Erstmal danke an alle Hilfestellungen!

Sailor56: Verwende ich:

Zitat

.has-header-image .custom-header-media img {
margin-top: -60px;
}

oder

Zitat

Media screen and ( min-width: 20em ) {
.has-header-image .custom-header-media img {
margin-top: -50px;
}
}

schaut es auf dem Smartphone mit dem EDGE perfekt aus! (SURFY und UC Browser zeigen keine Änderung auf die Maßnahmen.) Aber leider gibt es nun am PC am unteren Bildrand einen Balken. (a.jpg) Dieser verschwindet wenn man

Zitat

Media screen and ( min-width: 79em ) {
.has-header-image .custom-header-media img {
margin-top: 0px;
}
}

verwendet, ABER dann passt es wieder nicht mehr auf dem Smartphone: Das Logo sitzt zu tief.

SirEctor: Verwende ich deinen Vorschlag (mit "min-height: 0;") erscheint der Balken auf dem Smartphone oberhalb.(b.jpg) (Übringens reagieren hier alle 3 mobilen Browser gleich.)
Ich habe versucht mit "height:" zu spielen, aber bei größerem Wert wird zwar der Balken kleiner, aber es rutscht das Logo wieder unten raus...

Wenn das Problem nur auf dem Lumia auftritt, wäre es nicht so wild! Leider habe ich gerade kein Android greifbar um zu checken ob es da genauso ist?

Es handelt sich um Windows 10 Mobile - Version 1607
Der Browser war der Microsoft Edge - Version kann ich leider gerade nicht herausfinden...aber, wenn es entscheidend ist, suche ich weiter.

Probiere ich es mit dem SURFY oder UC Browser schaut es bei diesen beiden identisch aus. Ich füge nochmal alle Screenshots an. Es wird ersichtlich, dass alle Probleme mit der "neuen" Version haben. Jedoch mit der ursprünglichen der MS EDGE am besten gearbeitet hat.

Danke für Deine Mühe!!!

Guten Morgen!
Im Urzustand würde ich sagen funktioniert es besser, aber das Header-Image sitzt eben ein wenig zu tief...
Siehe Screenshot.

SirEctor: Leider muss ich revidieren: Ich hatte die Kalibrierung nur über den Admin-Bereich geprüft und jetzt erst mit dem Smartphone (Lumia-Windowsphone) und dort funktioniert es leider nicht. Siehe Screenshot.

SirEctor: Vielen, vielen Dank für die Hilfe!!! Funktioniert auf Anhieb perfekt!:-)

Anders wäre ich wahrscheinlich erfolglos bis tief in die Nacht gesessen!

Ja! :-) Schaut gut aus!

maxe: Danke dir! Ich war schon am verzweifeln! Sprich jetzt kann ich wieder "normal" posten, ohne Verzögerung von mehreren Stunden?