Design Reykjavik - Ausrichtung Navigation an Content anpassen

09.10.2018 08:50 (zuletzt bearbeitet: 21.10.2018 12:00)

roggath
#1

Hallo zusammen,

über css Befehle konnte ich das Design entsprechend anpassen, also Contentbreite, Navigationsbreite etc.

Wo ich im Moment nicht weiterkomme: Welchen befehl benötige ich, um die verbreiterte Navigation an die Mainsection anzupassen?
Im Moment verschwindet die breite Navigation hinter dem maincontent.

Ebenso fehlt mir noch der Befehl, um den maincontent vom footer zu lösen, also hier etwas Abstand einzufügen.

Über Hilfe wäre ich dankbar.

Die Seite ist: https://www.thurnershop.de

Besten Dank!

Antworten

Beitrag melden

21.10.2018 12:07 (zuletzt bearbeitet: 21.10.2018 12:07)

az_
#2

az_

Dank für diese Frage!

Die Lösung ist: Du musst rechnen. Wenn Du z.B. die Navigation 360px breit machst, darf die main Section nicht breiter sein, als 100% der Fensterbreite minus der Navigation minus dem Abstand von der Navigation.

Die Anweisung, die Du brauchst, ist folgende:

1
2
3
4
5
 
@media (min-width: 992px) {
   .jtpl-section-main {
        width: calc(100vw - 380px);
   }
}
 

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