Navigationspunkte schieben sich in einander

19.02.2020 20:11

Gismo
#1

Hallo zusammen

Ich stehe gerade wieder vor einem kleinen Problem
auf https://apollo-elektro.ch
Habe gerade festgestellt,dass die Navigationspunkte
allso dort wo man sieht wo man sich gerade befindet
in der Responsiven Ansicht auf Smartphones
ineinander schiebt.
Dachte erst ich könne dies mit dem Zeilenabstand korigieren
geht aber nicht
Hier mal ein Bild was ich damit meine

wie kriegt man es hin,dass z.b
die zeile Haar& Köperflege >> Haarföhn und darunter Reishaarföhn etwas mehr abstand zueinander haben.?
das läuft jetzt Farblich ineinander und sieht nicht so toll aus.
|addpics|s50-b-d909.jpg|/addpics|

Antworten

Beitrag melden

#2

19.02.2020 20:13

Gismo
#2

Gismo

übrigens nicht das Logobild betrachten dies ist immer noch nicht mittig
nervt mich zwar auch noch,aber ich kriegs nicht hin.

Antworten

Beitrag melden

#3

19.02.2020 21:25 (zuletzt bearbeitet: 19.02.2020 23:58)

Gismo
#3

Gismo

so die doofe zeile hab ich gefunden
nur wie krieg ich dies ins CSS rein.?

so wie im Bild mit 2.5 würde es stimmen

habe den code jetzt mal eingefügt in den Head bereich aber da passiert nichts.

1
2
3
4
5
6
7
8
9
10
11
12
 
<style>
/*<![CDATA[*/
jtpl-main {
    color: #212121;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.5 !;}
 
 
/*]]>*/ 
</style>
 

Antworten

Beitrag melden

#4

20.02.2020 22:40

R. Hurni
#4

R.

R. Hurni

ich weiss nicht, ob die Codes so funktionieren, jedenfalls ist der Code nicht korrekt, das rot markierte muss weg, auch beim Logo.
<style>
/*<![CDATA[*/
jtpl-main {
color: #212121;
font-family: "Open Sans",sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 2.5 !;}

/*]]>*/
</style>

Antworten

Beitrag melden

#5

20.02.2020 23:09

Gismo
#5

Gismo

danke für Deine Hilfe klappt aber so nicht, die klammer setzt er automatisch wieder rein.

na mal abwarten
vieleicht kann der Admin az hier mal ein Auge drauf werfen ;-)

Vielen Dank jedenfalls

Antworten

Beitrag melden

#6

20.02.2020 23:12

R. Hurni
#6

R.

R. Hurni

der Anfang vom Code sollte eigentlich so aussehen:
<style type="text/css">
/*<![CDATA[*/
jtpl-main {
color: #212121;
font-family: "Open Sans",sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 2.5 !;}

/*]]>*/
</style>

Antworten

Beitrag melden

#7

20.02.2020 23:15

Gismo
#7

Gismo

hey vielen Dank hab den fehler soeben gefunden im Code

hier der neue der funktioniert

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<style type="text/css">
/*<![CDATA[*/
 
.jtpl-main {
    color: #212121;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.5;
 
 
/*]]>*/ 
</style>
 

Antworten

Beitrag melden

#8

20.02.2020 23:41

Gismo
#8

Gismo

jetzt hab ich nur noch den schönheitsfehler mit dem Logo
Standardmässig ist es einfach im Designe Barcelona zu klein
in der Responsiven ansicht.
hab schon vieles versucht.

anbei mal der neue Code

1
2
3
4
5
6
7
8
9
10
11
 
<style type="text/css">
/*<![CDATA[*/
@media (max-width:768px){
.jtpl-logo img {
max-width:300px; !important;
max-height:100px ! important;
margin-left:-75px;
}
 
/*]]>*/ 
</style>
 

ich weiss das margin-left:-75px; nicht richtig ist
aber mit margin:0 auto; haut es auch nicht hin

Antworten

Beitrag melden

#9

21.02.2020 00:34 (zuletzt bearbeitet: 21.02.2020 21:55)

R. Hurni
#9

R.

R. Hurni

Ich habe diesen Code wieder gelöscht, scheint nicht ganz optimal zu sein für diese Vorlage.

füge folgende zwei Codes ein, und das Logo erscheint auf allen Bildschirmen, sowie responsive immer in Contentbreite :

<style type="text/css">
/*<![CDATA[*/{}
@media (min-width:768px){
/*Logo Bildschirm*/
.jtpl-logo img {
max-width:1200px; !important;
margin-left:-90px !important;
margin-right:-90px !important;}
/*]]>*/
</style>

<style type="text/css">
/*<![CDATA[*/
@media (max-width:768px){
/*Logo responsive*/
.jtpl-logo img {
max-width:900px; !important;
margin-left:-90px !important;
margin-right:-90px !important;}
/*]]>*/
</style>

habe mal HIER eine Musterseite gemacht

Antworten

Beitrag melden

#10

21.02.2020 22:26

Gismo
#10

Gismo

Hallo R.Hurni vielen Herzlichen Dank
Du bist der grösste. !
genau so wollte ich das haben.

Vielen Dank für Deine Hilfe und die tests.

Wünsche Dir noch ein schönes Week