New Shopify Certification now available: Liquid Storefronts for Theme Developers

getting image banner to expand downwards

17 1 4

On mobile, how could i get the image banner to expand downwards and cover the whole page? basically to extend the size of the page downwards - store is 



thanks in advance 

Reply 1 (1)
Shopify Partner
5679 1047 1073

Hi @ym1999 

You can do that by adding this code at the bottom of base.css file in Online store > Themes > Edit code 

@media screen and (max-width: 749px) {
.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media {
    height: 100vh !important;

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now