Increase only mobile image banner height - Dawn

It depends on what you’ve selected as the “Height” in section settings.
Ideally – share a (preview) link to the page in question.

Another option I’d recommend instead is to create 2 banner sections – one will hold a desktop image, another – mobile one.
Then add code like this into section “Custom CSS” setting:

For desktop image section – code to hide on mobile:

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

For mobile image section – code to hide on desktop:

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

This way you should be able to configure image height independently and use different images too.


if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it