How do I make my banner/ page responsive (Theme Maker)?

Store Design
1

Hello there,

I have this shop and it looks good on desktop, but when made into desktop version, the banners dont optimise to fit the small screen. The theme is Maker.

This is my shop: www.lolasirene.com

Thanks!

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
@media screen and (max-width: 749px){
.featured-content--root[data-mobile-overlay=true][data-cover-image-mobile=true] .featured-content--image {
height: 62vw;
}
}