Skip to content

Instantly share code, notes, and snippets.

@MomokoSanchez
Created January 6, 2022 21:07
Show Gist options
  • Save MomokoSanchez/4840850bafcdf3d0466e14cabde6ee80 to your computer and use it in GitHub Desktop.
Save MomokoSanchez/4840850bafcdf3d0466e14cabde6ee80 to your computer and use it in GitHub Desktop.
Fraser Hill Farm | Increase mobile hero image
@media screen and (max-width: 767px) {
.heroCarousel-slide .heroCarousel-image-wrapper {
max-height : 70vh;
height : 70vh;
position : absolute;
z-index : -2;
}
.heroCarousel-slide .heroCarousel-image-wrapper img {
max-height : 70vh;
height : 70vh;
}
.heroCarousel-content {
height : 70vh;
display : flex;
flex-direction : column;
justify-content : end;
}
.heroCarousel-action {
background : white;
color : rgb(173, 128, 102);
}
.heroCarousel-title {
color : white;
max-width : 100%;
background : rgba(173, 128, 102, 0.75);
margin-top : 0px;
margin-right : 0px;
margin-left : 0px;
margin-bottom : 0px;
padding : 20px;
}
.heroCarousel-description {
color : white;
background : rgba(173, 128, 102, 0.75);
padding : 0px 10px 10px 10px;
margin-bottom : 0px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment