Cairo - Navigation zentrieren

26.01.2018 14:36

David Wagner
#1

Da

Hallo,

bin zum ersten mal hier und hätte eine Frage zum Design Cairo.
Was ich bereits geschafft habe, ist den Seitentitel komplett zu entfernen, allerdings stehe ich jetzt beim Zentrieren der Navigation an. Soll statt rechts (neben dem nicht mehr vorhandenen Seitentitel) mittig gestellt werden.

Würde mich über Hilfe freuen ;-)
Vielen Dank schon mal.
Beste Grüße
David

Antworten

Beitrag melden

#2

26.01.2018 14:38 (zuletzt bearbeitet: 26.01.2018 14:38)

TiJo
#2

Ti

TiJo

Herzlich wilkommen im Forum.

Um dir schnell und adäquat helfen zu können, poste das nächste Mal bitte deine URL mit.

Antworten

Beitrag melden

#3

27.01.2018 10:37 (zuletzt bearbeitet: 27.01.2018 10:48)

az_
#3

az_

...bei Cairo geht das leider nicht mit Bordmittteln. Du kannst aber mal folgendes versuchen:

1
2
3
4
5
6
7
8
 
@media (min-width: 1170px) {
    .jtpl-navigation {
        position:absolute;
        left:0;
        margin-top: 28px;
        margin-left: calc(50vw - 307px /  2 ) ;  /* 307px = aktuelle Navibreite */
    }
}
 

(...getestet auf https://designtest-cairo.jimdo.com/)

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#4

29.01.2018 09:13

David Wagner
#4

Da

David Wagner

Vielen Dank für die rasche Rückmeldung. Hier die URL: https://schober-weine.jimdo.com/

Habe den Code mal kopiert. Folgendes ist passiert: Navigation ist nach unten in das Wechselbild gerutscht und weiterhin rechtsbündig. Vll. wer eine Tipp, was da schief gelaufen sein kann?

Antworten

Beitrag melden

#5

29.01.2018 09:16

David Wagner
#5

Da

David Wagner

Sorry, mittig ist sie jetzt schon mal, hatte vergessen die Breite des Navis anzupassen. Jetzt ist nur mehr das Problem mit dem Bild :-)

Antworten

Beitrag melden

#6

30.01.2018 13:15

TiJo
#6

Ti

TiJo

ergänze az_ code mit Folgendem:

1
2
3
4
5
6
7
8
9
 

.jtpl-logo {
margin-top: 100px;
} 
 
. jqbga-slider {
margin-top:100px;
}
 
 

Antworten

Beitrag melden

#7

30.01.2018 15:38

David Wagner
#7

Da

David Wagner

Hello,

danke für die Infos. Hat leider nicht funktioniert. Habe es jetzt mit folgendem Code gelöst:

1
2
3
4
5
6
7
8
9
10
11
12
 
@media (min-width: 1170px) {
    .jtpl-navigation {
        position:absolute;
        left:0;
        margin-left: calc(50vw - 643px /  2 ) ;  /* 307px = aktuelle Navibreite */
    }
    
    .jtpl-header {
        height: 80px;
    }
    }
}
 