Banner is cut off in mobile view in dawn theme

Store Design
1

Using the Dawn theme.

In mobile view, the banner is cut off.

Please advise on a solution.

https://d233f8-43.myshopify.com/?_ab=0&_fd=0&_sc=1

pw: stantu

2

Hey @jamika91

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

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

Best Regards,
Moeed

3

Hello @jamika91

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width: 749px) { .banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media{ height: 16rem !important; } .banner__media img { object-fit: contain !important; } }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.