Image on Mobile is small in Flora Theme

Store Design
1

Hello, i am having trouble scaling the images on the mobile view, i want the pictures to fill the frame completely, how do i do that?

Screenshot_20250908_205206_Chrome
Screenshot_20250908_205206_Chrome720×1600 113 KB

2

Hi @Nabeed ,
Could you please share the website URL and password? This will help me check and fix the issue more accurately for you.

4

Hey @Nabeed

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 </ body> tag
<style>
.card--standard .card__media {
    margin: 0 !important;
    width: 100% !important;
}
</style>

RESULT:

image
image347×588 54.1 KB

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

5

Thankyou so much worked liked magic.

6

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.