How to make my banner fullscreen on mobile?

Store Design
1

hi

is it possible to make my banner fullscreen on mobile?

Schermafbeelding 2022-05-07 om 21.32.54.png
Schermafbeelding 2022-05-07 om 21.32.54.png2268×1389 99 KB

www.gallerychristian.com

password: Christianshop123

thanks!

2

@christian_russo , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find **Asset > base.**css and paste this at the bottom of the file:
@media (max-width: 749px){
    [id*='section'] > .banner{
        height: 100vh;
    }
}

Though it’s worth bearing in mind that the image’s aspect ratio will be ignored and images will still be cut off, unfortunately that is not possible to fix with Dawn’s theme.

If you’re looking for ways to fully control the Dawn’s banner, there are copy and paste sections like this that can give you more freedom and room for customization.

Kind regards,
Diego