Hallo,

ich habe 2 Fragen zum Design "Rome".

1. Ich möchte gerne den Seitentitel entfernen. Wie kriege ich das hin?

2. Ich habe Probleme, wenn ich Anker setze. Das heißt, in der mobilen Ansicht ist alles ok. Aber in der normalen Browser-Ansicht gibt es Probleme. Das heißt, klicke ich oben in der Navi einen Punkt an, der zu einem Anker führt, wird der Anker ein paar Zeilen zu tief angezeigt. Warum ist das so, bzw. wie kriege ich das geändert?

Viele Grüße,
Sigi

Kleine Ergänzung zum Anker bzw. Sprungmarkenproblem. Das Problem in der normalen Browseransicht ist dies:

Klickt man oben wo die Navigationszeile ist auf den Link zum Anker, springt die Seite zum Anker. Allerdings überdeckt die Navigationsleiste genau diesen Bereich. Das heißt die Ansicht unter der Navigationsleiste beginnt erst mit dem Text der einige Zeilen unter dem Anker steht.

Gut zu sehen auf meiner Seite die ich aktuell erstelle. www.bueroassistenz-krieger.de und dort auf "Zielgruppe" klicken.

Dort kann man auch gut sehen, was ich meine mit Seitentitel entfernen. Es ist der graue Balken unter dem header-Bild. Dort wird immer der Seitentitel angezeigt.

Frage 1, also wie ich den Seitentitel entferne habe ich gelöst. Es heißt wohl richtig "Seitentitelbox". Und die habe ich so wegbekommen:

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

Also geht es "nur" noch im das Ankerproblem.

Ich komme da noch nicht zurecht.

Also die div id heißt in meinem Beispiel

<div id="zielgruppe">
 

Im Header habe ich versucht das so einzubinden:

<style type="text/css">
/*<![CDATA[*/
<div id="zielgruppe" margin-top: -600px;
</div>
/*]]>*/
</style>
 

Leider tut sich da nichts. Ich kenne mich echt schlecht in CSS aus. Daher ist im Code bestimmt ein Anfängerfehlern.

Bereits jetzt Danke für die Hilfe.

Viele Grüße,
Sigi

Also ich habe es in der normalen Browseransicht hinbekommen mit:

<style type="text/css">
/*<![CDATA[*/
#zielgruppe {
position:absolute;    
margin-top: -120px;
} 
/*]]>*/
</style>
 

Dadurch habe ich aber jetzt das Problem, dass in der mobilen Ansicht der Sprung auch 120px nach oben geht. Da war er ja vorher an der richtigen Stelle. Leider kriege ich dafür das CSS nicht hin. Letzter Versuch war:

<style type="text/css">
/*<![CDATA[*/
@media (min-width:768px)
{
   #zielgruppe {
    position:absolute;    
margin-top: 0px;
    }
}
/*]]>*/
</style>
 

Leider ohne Ergebnis. Die mobile Ansicht ist wie ich es in der normalen Ansicht wollte um 120px verschoben.

Wie ist der richtige Code für die mobile Ansicht?

Ja, es funktioniert!