Image Banner Height on dawn theme

[mgrp]

Hello all! I recently started using the image banner for the dawn theme but the default size isn't long enough on the page on mobile, the image is fine width wise but the length needs to go down further. Thanks in advance for any help with this! store url is michaelgrp.com

[mrashid]

@mgrp use separate image for mobile

[mgrp]

Is there an option for that that I'm not seeing or is there a code involved? the original image is in portrait so the image banner is resizing/cutting off half the image to fit into the banner but I want the full image size on mobile. 

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Hi @mgrp  You can check to see if the theme editor has the option to choose images for desktop and images for mobile. If not, you need to add code to reduce the height of the image.

Best regards,

Noah | PageFly

[Dan-From-Ryviu]

Hi @mgrp 

I recommend you create 2 banner sections for mobile and desktop so you can add different image for each device, and then add this code to Custom CSS of each banner section

- Add this code to Custom CSS of the desktop banner

@media (max-width: 749px) {
.banner { display: none !important; }
}

- Add this code to Custom CSS of the mobile banner 

@media (min-width: 750px) {
.banner { display: none !important; }
}

[mgrp]

That made the entire image banner disappear

[mgrp · Accepted solution]

I solved this by adapting it to the desktop image, thanks all