Image not resizing in mobile view Athens THeme

[Eugene13]

hi,

 I have a problem with image resizing. I uploaded a new image for the collection  under collection list. however, when I go to mobile view, the image isn't resizing. the size of the image is 1000x500.

[BSS-TekLabs]

Hello @Eugene13 .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[Eugene13]

it's hazmotorsport.co.uk

[Eugene13]

here's the address https://hazmotorsport.co.uk/

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @Eugene13 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

@media only screen and (max-width: 600px) {
.card-overlay-media {
     object-fit: contain !important;
    height: auto !important;
}
.collage-6 .card-overlay {
    padding-bottom: 80% !important;
}
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Eugene13]

thank you very much. it works!

[BSS-TekLabs]

Glad to help you. Have a good day.