Edit History

Das kannst du in der theme.css anpassen.

Da ist ein Abschnitt:

@media (max-width:767px) {
 .carousel .carousel-item .caption {
  bottom:calc(50% - 1.5rem)
 }
 .carousel .carousel-item .caption .display-1 {
  font-size:1.5rem
 }
 .carousel .carousel-control .icon-next i,
 .carousel .carousel-control .icon-prev i {
  font-size:2rem
 }
}

Der sorgt dafür das der Slider unter 767px Bildschirmbreite etwas bestimmtes macht. Da kannst du z.B. die Höhe neu definieren.

z.B. fügst du da

.carousel {
    height: 205px;
    margin-top: 50px;
}

und in das
 

 .carousel .carousel-item .caption .display-1 {
  font-size:1.5rem;
  margin-top: -150px;
 }

fügst du margin-top: -150px; ein.

Edit:

Befass dich mal mit der Untersuchen Funktion deines Browsers. Viele Browser haben mit einem Rechtsklick die Option "Element Untersuchen" oder ähnlich. Je nachdem welches Element du damit wählst, zeigt er dir den Quellcode und alle CSS Befehle an die darauf zugreifen. Da kannst du dann in Ruhe testen welcher Code den gewünschten Effekt erzielt, und kannst es dann in die theme.css oder custom.css übernehmen.