Dawn Theme - Change Banner Height in Mobile Version Only

Dawn Theme - Change Banner Height in Mobile Version Only

JosephineJoseph
Tourist
25 0 1

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

unnamed.jpg

 

 

The Goal

unnamed 2.jpg

I hope that someone can help me.

Thanks in advance.

Replies 4 (4)

GemPages
Shopify Partner
5624 1261 1231

Hello @JosephineJoseph 

 

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

GemPages_0-1672888241059.png

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

GemPages_1-1672888391853.png

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

Your banner show like this 

GemPages_2-1672888453988.png

I hope the above is useful to you.


Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
JosephineJoseph
Tourist
25 0 1

@GemPages 

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

unnamed (1).jpg

KetanKumar
Shopify Partner
36932 3642 11996

@JosephineJoseph 

can you please share store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JosephineJoseph
Tourist
25 0 1