How to make the image banner to fit mobile in dawn theme?

Store Design
,
1

Hi, Does anyone have the code to make mobile view of dawn to shrink the image banner (main large on) automatically so it fits any mobile screen? Nothing wrong with desktop view but the image isn’t showing properly in mobile some things are getting cut off

2

Hi @slapsoilco , can you share your store url?

3

Hi @slapsoilco

This is Henry from PageFly - Landing Page Builder App

You can set a height for the image so that it has a fixed height on mobile.

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

.image-with-text__media img {

height: 90vw !important;

}

}

Hope that my solution works for you.

Best regards,

Henry | PageFly