Brooklyn Theme – Hero image Doesn’t Resize In Mobile View

Store Design
3

Hi @AlexaBvogue

I understand that you don’t want the image to be cut and able to show full width on smaller device. Please follow the instructions below to fix this.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme.scss.css
  3. Paste the code below at the very bottom of the file.
@media only screen and (max-width: 990px) {
.hero.slick-slider .slick-list {
  display: none
}

.hero.slick-initialized.slick-slider {
    height: max-content;
}
}