Hallo ich habe per Code den Seitentitel und Logobereich entfernen können. Leider habe ich immer noch einen sehr großen Abstand zwischen dem Navigationsbereich und dem Inhalt. Wie kann ich den Abstand komplett entfernen ? Hier die Webseite https://www.potenzialtraining-cottbus.de/ und mein Code der derzeit im Header ist kenn mich nicht so aus vielleicht ist dort auch ein Fehler.

<style type="text/css">
/*<![CDATA[*/
     .jtpl-logo {display:none;}
 
/*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/
 
.jtpl-title {
    margin:0 !important;
    min-height:0 !important;
}
 
/*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/
     .jtpl-title {display:none;}
 
/*]]>*/
</style>
 

Danke für die schnelle Antwort. Ich habe jetzt meinen Code raus gelöscht und deinen rein gemacht aber es hat sich leider noch nichts geändert. Der Abstand ist immer noch gleich Groß.

Ich habe leider genau das selbe Problem. Ich habe den Logobereich entfernt bekommen:

<style type="text/css">
/*<![CDATA[*/
     .jtpl-logo {display:none;}
 @media (min-width: 768px) {
 
.jtpl-header {
    padding: 0 !important;
}
}
/*]]>*/
</style>
 
 

Der Abstand ist mir nur immer noch zu groß und ich kriegen ihn partout nicht kleiner :-( Irgendwer ne Idee?
DANKE!

Hallo
schau mal ob dich das weiter bringt

<style type="text/css">
/*<![CDATA[*/
@media (min-width: 768px) {
 
.jtpl-header {
    padding: 0px 20px 0px;
}
}
@media (min-width: 768px) {
 
.jtpl-content__inner{
    padding: 0px 25px;
}
}
.jtpl-content__inner {
    
    padding: 0px 10px;
}
       /*]]>*/
</style>
 
 

vielleicht kann Charles nochmal drüber schauen.

Gruß FKWars

Hallo, danke schonmal für die Antwort!

Leider tut sich trotzdem überhaupt nichts.
Ist es vielleicht nicht im Head veränderbar und ich muss mich damit abfinden? -.-

Ich gebe euch mal die url
www.urtehanke.de

Guckt mal, ich habs jetzt so gemacht:

<style type="text/css">
/*<![CDATA[*/
.jtpl-logo {
    display:block;
    margin: -180px;
}
@media (min-width: 768px) {
 
.jtpl-header {
padding: 0 !important;
}
}
/*]]>*/
</style>
 
 

Damit zerhaue ich mir ein bisschen die Ansicht auf Smartphones, aber zumindest ist dieser riesige Abstand weg -.-

Danke!! Ich glaube,das hat jetzt funktioniert. DANKE!

Hallo,

ich bin neu hier und möchte gerne beim Stockholm Design das Logo im oberen Bereich entfernen und den Platz wegnehmen, damit die Navigation nach oben geht und man alles gut sehen kann wen man auf die Seite kommt. Ich habe hier schon einiges gutes gefunden und diesen Code verwendet um das Logo beim Stockholm Design zu entfernen und den Platz wegzunehmen.

Zitat von jmkv_r im Beitrag #7

---

[*/
.jtpl-logo {
display:block;
margin: -180px;
}
@media (min-width: 768px) {

.jtpl-header {
padding: 0 !important;
}
}
/*]]>*/
</style>
[/code]

---

Ja das ist die Seite, ich habe sie mal mit dem Stockholm Design übernommen. Der obere Teil bis Navigation wird nicht benötigt.
https://www.naturheilpraxis-ogiermann.de/

Hab jetzt das Design wieder auf Barcelona geändert, weil die Seite sonst nicht gut aussieht, da ja der komplette Bereich über der Navigation weiß ist.
Klappt das trotzdem mit der Hilfe, oder muss ich dafür wieder alles in das Stockholm Design abändern?

Hallo zusammen,

wo genau füge ich den Code im html-Bereich ein, um das Logo zu entfernen?
Es geht um das Design Amsterdam.

Einfach ganz oben, wenn man auf "eigenes Layout" klickt ?

Ich habe nur geringe html-Erfahrung.

Danke für Hinweise!

Maria

<style type="text/css">
/*<![CDATA[*/
.jtpl-logo {display:none;}
 
/*]]>*/
</style>
 

Vielen Dank! Es hat geklappt :-)

Hallo, ich bin neu hier uns versuche gerade den Logo und Seitentitel bereich zu entfernen, was mir am PC gelungen ist, aber am Handy ist der Abstand immer noch sehr groß.

sofadevils.jimdofree.com

Das ist der Code, den ich im Header drin hab. Vlt kann mir hier jmd bitte helfen

<style type="text/css">
/*<![CDATA[*/
.jtpl-logo {
    display:block;
    margin: 10px;
}
@media (min-width: 768px) {
 .jtpl-slope {
    display: none;
}
.jtpl-header {
padding: 0 !important;
}
}
/*]]>*/
</style>
 

Hi gummikilla

Soweit ich das sehe, ist in deinem Code die Bezeichnung "min-width" für deine Zwecke nicht richtig. Es geht nicht um die Mindestbreite des Bildschirms (denn dann fallen alle Geräte, die schmaler sind, aus dieser Gruppierung heraus), sondern darum, dass du die Maximalbreite des Bildschirms bestimmst. Wenn es also im Code darum geht, dass der Bildschirm maximal 768px breit ist, erfüllen auch Mobiltelefone diese Voraussetzung.

Ändere den Begriff "min-width" in "max-width". Ich würde allerdings den Wert "0" in "0px" ändern.



Gruss
Butterman

Es passt jetzt zwar am Mobilen Device, aber am PC ist der Abstand jetzt wieder so groß. Also entweder passt es am PC und am Handy nicht oder umgekehrt

<style type="text/css">
 
/*<![CDATA[*/
 
.jtpl-logo {display:none !important;}
.jtpl-title {display:none !important;}
 
@media (max-width: 768px) {
.jtpl-header {padding: 0 !important;}
}
 
/*]]>*/
 
</style>
 

 

Hi

Klar, dein Code hat vorher in der Normalansicht deswegen funktioniert, weil du den Begriff "min-width: 768px" verwendet hast, also die Bedingung für die Normalansicht. Der ist jetzt RICHTIGERWEISE geändert. Richtigerweise, weil du die Mobilansicht ja anpassen musst mit "@media (max-width: 768px) ". Dein Code für die Mobilansicht ist jetzt soweit korrekt.

Das Problem ist, dass der CSS-Code für die Normalansicht noch einen zusätzlichen Code enthält, welcher den Abstand oben gross hält:

.jtpl-header { 
    padding: 150px 20px 23px; 
}
 

Das heisst, oben gibt es einen Abstand von 150px bis zum Logo. Wie gesagt, dies bezieht sich eben nur auf die Normalansicht. Du musst also nur den Abstand oben in deinem CSS-Code entsprechend anpassen.

Füge in deinen CSS-Code folgendes ein:

.jtpl-header { 
    padding: 50px 20px 23px; 
}
 

(Der Wert "50" ist nur ein Beispiel. Du kannst diesen nach Belieben ändern.)
WICHTIG: Natürlich sollte dieser Code NICHT innerhalb deines "@media (max-width: 768px) -Tags" stehen!!!, sondern für sich separat, weiter oben!

Das sollte funktionieren.

Gruss
Butterman

VIELEN LIEBEN DANK!
Damit andere, die dieses Problem auch haben, schnell dieses löesen können, ist hier der Code, welcher Logo, Seitentitel und Header entfernt

<style type="text/css">
 
/*<![CDATA[*/
 
.jtpl-logo {display:none !important;}
.jtpl-title {display:none !important;}
.jtpl-header {padding: 50px 20px 23px;}
 
@media (max-width: 768px) {
.jtpl-header {padding: 0 !important;}
}
 
/*]]>*/
 
</style>