Dawn Theme - Change Banner Height in Mobile Version Only

[JosephineJoseph]

Hello there,

I'm trying to change the height of my mobile version main banner to full screen height, but I failed.

 This is recent condition

The Goal

 

I hope that someone can help me.

Thanks in advance.

[GemPages]

Hello @JosephineJoseph 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

<style>
      @media (max-width: 767px ) {
        .collection-section:first-child .collection-bg-image {
            height: 100vh;
        }
      }
    </style>

Your banner show like this 

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[JosephineJoseph]

@GemPages 

I'm sorry, but it still look like this. Did I do something wrong?

 

[KetanKumar]

@JosephineJoseph 

can you please share store url

[JosephineJoseph]

@KetanKumar 

https://843bbmty7t2xwr57-67885334816.shopifypreview.com

is this the link?