How can I resolve the Dawn theme mobile sizing issue?

Store Design
1

Hello,

My image banner is a perfect size on desktop. However it is cut off on mobile for the Dawn Theme. I have no idea how to fix it and really wish someone can assist.

Please help.

2

Hi @tiffanymurray

Could you drop your store URL here to check?

3

Store url?

4

Hello @tiffanymurray
can you share store URL?

5

https://sarayuholistics.com/

6

My store https://sarayuholistics.com/

7

it’s https://sarayuholistics.com/

8

Hello @tiffanymurray

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-with:749px){ .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { min-height:19rem !important; } }

techlyser_web_0-1703924187519.png
techlyser_web_0-1703924187519.png242×114 32.2 KB

9

Hello,

I pasted the code but it still did not work. Silly question but did I need to include the graphic? If not, what else can be done?