images size in Narrative theme

Solved
LIOR_SHAKUROV
Excursionist
13 0 3

He everyone. I have some more problems with the images on the Narrative theme. 

I uploaded images to the gallery but on some screens, it's shown perfectly but in smaller or bigger screens the image is cropped.

how can I make the image fully shown not depend on what is your screen size? I want it to be fully shown on all devices.

this is my store: 

https://itball.myshopify.com/

 

and this is the images that get cropped on some devices:

 
 
0 Likes
HardikDavra
Shopify Partner
1919 302 823

This is an accepted solution.

I think I have given the solution for this but you said that i am getting issue in only mobile so I have given solution for mobile. Anyways,  I am giving solution for all sizes devices
 

remove my given code and replace it with this code

@media only screen and (max-width: 1250px) {
#shopify-section-1603543108198a9092 .image-bar__item {
    background-size: contain;
}
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
LIOR_SHAKUROV
Excursionist
13 0 3

Thank you!!!

0 Likes
denbor
New Member
1 0 0

Hello, 

I am having the same issue. Can you tell me which page contains the code I need to change? Thank you!

0 Likes
HardikDavra
Shopify Partner
1919 302 823

@denbor Please provide website url and if your store is password protected then also provide password.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
ChanFuts69
New Member
7 0 0

Hi can you help me please. My "Get Started" image in the gallery shows different size to different desktops.

Website: ecommerce-consulting-group.myshopify.com

Password: bleale

0 Likes