Navigation Tokyo-Design an Content-Breite anpassen

Jimdo-Userforum � Jimdo User-Forum � Jimdo-Specials (Tools, Widgets, HTML und CSS) � Navigation Tokyo-Design an Content-Breite anpassen

Themen-Einstellungen

Thema drucken

Bereich wechseln

Allgemeines Regeln f�r die Benutzung des Forums HowToDo ( = so geht�s) Jimdo User-Forum Eure Jimdo-Webseiten - Vorstellungsrunde Bugs, Workarounds und Anregungen Jimdo-Elemente Allgemeines Jimdo-Shop Jimdo-Specials (Tools, Widgets, HTML und CSS) Suchmaschinenoptimierung (SEO) Sonstiges Tutorials "OffTopic"-Themen "�bernahme" von Beitr�gen aus dem offiziellen Jimdo-Forum... Nutzungsbedingungen und Haftungsausschluss Jimdo-Blog

#1 | Navigation Tokyo-Design an Content-Breite anpassen datum

12.03.2024 15:40 (zuletzt bearbeitet: 13.03.2024 11:15)

Liebe alle

Ich weiss, das Thema wurde schon verschiedentlich behandelt - ich habe es auch mit allen dazugehörigen Code-Vorschlägen aus dem Forum versucht, aber ohne Erfolg. Evtl. habe ich etwas übersehen oder ein Code blockiert evtl. den anderen?

Den Contentbereich habe ich schon breiter angepasst (Danke, az!). Jetzt wäre es supercool, wenn auch das Logo und die Navigation die gleiche Breite hätten...

URL: https://sonja-svensson-1.jimdofree.com

Für die Hilfe bedanke ich mich jetzt schon herzlich!

LG, Sonja

Antworten

#2 | RE: Navigation Tokyo-Design an Content-Breite anpassen datum

13.03.2024 11:52

az_

Informationen anzeigen

Beitr�ge:	2403
Registriert seit:	28.04.2015
Wohnort:	Berlin

...das sieht doch alles schon ziemlich gut aus. Nur 1 Einstellung vergessen (.jtpl-topbar-section):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 

            /** Header und Navigation fixieren */
            
                .jtpl-header {
                    position: fixed;
                    z-index: 15;
                    background: #930505;
                }
 
                .jtpl-navigation {
                    position: fixed;
                    margin-top: 0;
                    z-index: 16;
                    margin-left: 350px;
                    padding-bottom: 25px;
                }
    
                .jtpl-subnavigation {
                    position: fixed;
                    margin-top: 0;
                    z-index: 15;
                    width: 100%;
                }
            
                .jtpl-topbar-section {
                    max-width: 1260px;
                }
            
                .jtpl-section {
                    margin-top: 0px;
                }
    
                .jtpl-main {
                    margin-top: 65px;
                }
    
                .jtpl-logo {
                    padding-bottom: 25px;
                }
 
            
 
 

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

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

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

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#3 | RE: Navigation Tokyo-Design an Content-Breite anpassen datum

13.03.2024 12:02 (zuletzt bearbeitet: 13.03.2024 12:03)

az_

Informationen anzeigen

Beitr�ge:	2403
Registriert seit:	28.04.2015
Wohnort:	Berlin

...und wenn die Subnav noch breiter soll, dann mit flexbox (https://css-tricks.com/snippets/css/a-guide-to-flexbox/):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
   
 
.jtpl-topbar-section,
.jtpl-subnavigation .jtpl-subnavigation__inner-nav2,
.jtpl-subnavigation .j-nav-level-1 {
	max-width: 1260px;
}
 
.jtpl-subnavigation .j-nav-level-1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
 

 

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

Antworten

#4 | RE: Navigation Tokyo-Design an Content-Breite anpassen datum

13.03.2024 13:55

Das ist super, vielen Dank für die Hilfe! :)

Und wenn die 3. Nav-Ebene auch breiter soll...?

Antworten

#5 | RE: Navigation Tokyo-Design an Content-Breite anpassen datum

19.03.2024 12:18

� das müsste dann .jtpl-subnavigation .j-nav-level-2 sein. Ausprobieren.
Und schau mal auf meiner Webseite nach CSS-Grundlagen. Da steht, wie du die Container findest.

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

Antworten

Navigation fixieren Tokyo-Design: Code korrigieren � � Hintergrundgröße in Cairo ändern

�hnliche Themen

Antworten

Letzter Beitrag

Navigation fixieren Tokyo-Design: Code korrigieren
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Sonja_S 0 10.03.2024 17:30
Sonja_S • Zugriffe: 151
Content in Design Cairo breiter machen
Erstellt im Forum Jimdo-Elemente von Sascha 3 27.02.2024 17:20
az_ • Zugriffe: 333
Design 4054 Titelbild anpassen
Erstellt im Forum Allgemeines von Roegeli 4 15.12.2023 19:13
Roegeli • Zugriffe: 176
Tokyo Design: suche Mouseovereffekte und Akkordeon
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Maria12 5 26.08.2020 14:39
az_ • Zugriffe: 1109
Design Cairo Content Breite verändern
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Michael Grohs 1 04.04.2020 19:56
az_ • Zugriffe: 763
Tokyo Design - Unterschiedliche Texte auf den Unterseiten-Headern
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von RalphHeymann 1 31.12.2019 13:43
az_ • Zugriffe: 900
Tokyo Design
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Volvo 3 31.12.2018 15:25
az_ • Zugriffe: 1376
Design Rome � mehrere Anpassungen in der Navigation und im Bildbereich
Erstellt im Forum Allgemeines von SANSHINE 1 21.09.2017 14:31
az_ • Zugriffe: 2137
Style von Navigation "New York" über CSS anpassen
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von mophtong 5 17.08.2017 16:06
az_ • Zugriffe: 1365

Xobor-Forum f�r Jimdo-Creator User

Bitte geben Sie einen Grund f�r die Verwarnung an