I want to match the PC version and mobile size. The image banner appears smaller on mobile, how can I fix this?
Hi @frks1
Could you drop your store link here to check?
Here it is!
Hi @frks1
You can add this code below in your theme.liquid file before tag in Online store > Themes > Edit code and check if reach your require
Sorry for the late reply. However, the screen still appears small on mobile. Should I enter the code before ?
My code incorrect, please update it to this and add it before or after tag
I have entered the code, but there is no change in the mobile resolution. Is there another way?
Code updated
The code is not being applied correctly 
From the code, it looks like it’s for a slide banner, but what I’m looking for is the mobile size for an ‘image banner’ template, similar to the photo.
My mistake, please use this code
It has been resolved. Thank you so much!!!
I would like to get help from Dan-From-Ryviu. I’m trying to replicate another site, but the image banner appears too small on mobile, although it’s fine on desktop. Is there a way to fix this?
Please send me that site URL
https://00cf47-2.myshopify.com/
here it is.
Please help me 
Please try to add this code to Custom CSS of that section
@media (max-width: 759px) {
.slideshow__media {
height: 40rem !important;
}
}
I tried entering it, but there was no change. What I want to change is the image banner template!
Please add this code to Custom CSS of that banner section
.banner--adapt {
height: 15rem !important;
}
Sorry, I can’t see the banner section in the Custom CSS.
