- This topic has 1 reply, 2 voices, and was last updated 2 weeks, 6 days ago by
.
-
Posts
-
Hi! The main slider height is different on different sliders. First slider is ok but the second slider is much more narrow than the first one.
Please check this URL: https://laululind.edu.ee/eerika/
It is ok on desktop view but the problem occurs on the mobile version. Both pictures formats and size are the same.
@alvaruus2, The height of slide is different because of the content, one slide has only Title and second one has Title plus content
However you can add this CSS to make the height of the slide same
@media screen and (max-width: 767px) {
.featured-slider .slick-track article:nth-child(3), .featured-slider .slick-track article:nth-child(1) {
padding: 142px 0px;
}
}@media screen and (max-width: 562px) {
.featured-slider .slick-track article:nth-child(3), .featured-slider .slick-track article:nth-child(1) {
padding: 156px 0px;
}
}@media screen and (max-width: 438px) {
.featured-slider .slick-track article:nth-child(3), .featured-slider .slick-track article:nth-child(1) {
padding: 170px 0px;
}
}@media screen and (max-width: 390px) {
.featured-slider .slick-track article:nth-child(3), .featured-slider .slick-track article:nth-child(1) {
padding: 150px 0px;
}
}@media screen and (max-width: 380px) {
.featured-slider .slick-track article:nth-child(3), .featured-slider .slick-track article:nth-child(1) {
padding: 164px 0px;
}
}Let us know if this does not solve the issue
- You must be logged in to reply to this topic.
