Change Sizing of Banner on mobile vs desktop - dawn theme

[SamTheMaker]

Hi I would like to change the size of my banner on the mobile version. To give an example, this is how I want it to look on desktop. 

But on mobile I want the banner to be much smaller like so: 

Thanks!

 

[Simonsron]

If you need to upload mobile images in the background, you may need to configure an upload function.

[GemPages]

Hello @SamTheMaker 

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

[SamTheMaker]

Hey sure, my url is yumeanime.co and the password is animegang

[GemPages · Accepted solution]

Hello @SamTheMaker 

It's GemPages support team and glad to support you today.

You can follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your section-image-banner.css file and paste the following code below: 

@media screen and (max-width: 749px){
  .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 20rem;
  }
}

Let us know how it works for you.
Best regards,
GemPages Support Team

[SamTheMaker]

Hey that worked! How do I make the shop now button smaller on mobile too now? Thanks!