Horizontaler Strich in mobiler Ansicht

16.10.2017 14:31
avatar  TiJo
#1
Ti

Hallo,

meine Desktopseite gefällt mir langsam richtig gut.
Bei der mobilen Seite missfällt mir die fehlende Abtrennung zwischen Logo dem Header und dem Content. Bei der Desktopversion werden diese beiden durch die Navigationsleiste getrennt.

Ist es möglich und wenn ja, wie, einen horizontalen Strich zwischen Header und Content bei der mobilen Seite einzufügen?

Seite: www.jordan-brennholz.de

Außerdem würde ich gerne meine Navi-Leiste bei der Desktopversion endlich oben beim Scrollen fixieren wollen. Habe dazu auch etliche Threads hier durchgelesen. Allerdings habe ichs einfach nicht hinbekommen, weder mit fixed noch mit sticky.
Ist auch möglich, das Warenkorbsymobl in der Navileiste zu fixieren?

Vielen Dank


 Antworten

 Beitrag melden
16.10.2017 15:10
avatar  TiJo
#2
Ti

Ich müsste das Layout Zürich haben


 Antworten

 Beitrag melden
17.10.2017 01:09
avatar  az_
#3
avatar
az_

versuch mal eine border-top oder box-shadow:

1
2
3
4
5
6
7
 
.jtpl-content {
/*border-top:2px solid #333;*/
/*oder*/
-webkit-box-shadow: 0px -5px 5px 0px rgba(50, 50, 50, 0.234);
-moz-box-shadow: 0px -5px 5px 0px rgba(50, 50, 50, 0.234);
box-shadow: 0px -5px 5px 0px rgba(50, 50, 50, 0.234);
}
 


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
17.10.2017 09:17
avatar  TiJo
#4
Ti

danke für deine Antwort.

Ich habe beide Variante mal durchprobiert. Die border-top Variante scheidet aus.
Box-Shadow schaut recht hübsch aus, aber nicht ganz was ich suche. Zur Not lass ich es aber so.

Ich suche, wie auf jordan-brennholz.de/produkte solche horizontale Trennstriche, aber nur bei der mobilen Seite. Meinst du das geht auch?


 Antworten

 Beitrag melden
17.10.2017 11:51 (zuletzt bearbeitet: 17.10.2017 11:51)
avatar  FKWars
#5
avatar

Eine Möglichkeit wäre eventuell auch im obersten Bereich des Content einen Balken (Holzoptik) als Bild einsetzen (Event. über dem Bild/Balken padding-top kleiner machen), dieser jedoch nur in der Mobilen Ansicht zu sehen wäre.


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!