I’m using TYPO3 with the Bootstrap Package and SlickSlider (www..grizzlys.club). Now I want to create a hero image on the homepage that extends underneath the menu. Currently, there is always a gap below the menu, and the image only appears after that. What I want is for the image to be displayed right at the top of the page, just like with the Carousel extension, with the menu appearing on top of the image.
Helpful Code-Snippet from Carousel which can be adapted, I think:
@media (min-width: 992px) and (min-width: 1200px) {
.navbar-fixed-top.navbar-default-transition + a + .carousel,
.navbar-fixed-top.navbar-default-transition + a + a + .carousel,
.navbar-fixed-top.navbar-default-transition + .main-section > a + .carousel,
.navbar-fixed-top.navbar-default-transition + .main-section > a + a + .carousel,
.navbar-fixed-top.navbar-inverse-transition + a + .carousel,
.navbar-fixed-top.navbar-inverse-transition + a + a + .carousel,
.navbar-fixed-top.navbar-inverse-transition + .main-section > a + .carousel,
.navbar-fixed-top.navbar-inverse-transition + .main-section > a + a + .carousel {
margin-top: -110px;
}
}