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

Shopify Discussion
,
1

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.

Screen Shot 2024-05-27 at 1.27.21 AM.png
Screen Shot 2024-05-27 at 1.27.21 AM.png309×558 218 KB

Screen Shot 2024-05-27 at 1.28.02 AM.png
Screen Shot 2024-05-27 at 1.28.02 AM.png318×557 222 KB

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

2

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:

Moeed_0-1716797586753.png
Moeed_0-1716797586753.png372×668 263 KB

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

Best Regards,
Moeed

2 Likes
3

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

4

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.