2024 Dawn: How to make the banner image full screen for mobile. HELP!

Hi, how do i make the banner image full screen on mobile?

See image as an example. It only works if i type out enough words on the banner section.

Im using the latest Dawn theme and my website is www.emandahr.com
Ive tried almost everything but idk if some custom coding is preventing it from working.

please help, thanks! Sam

Hey @samrose

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

2 Likes

wow you really did it! thanks so much! youre the best!

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.