If you upload a rectangular image, it is cut off on the left and right side for mobile screens.
You should arrange images in promo box options directly in Promo box in Home page - Sections, scroll down for all options for mobile and desktop like this - https://prnt.sc/pw905i
For promo box/slick slider you have to make changes in such field - https://prnt.sc/q28ixh
If you don't want resize the images, make fields with height parameters empty.
And check all in store front , not in Editor only.
Have a nice day!
Best regards, Irina
Got feedback? We’d love to hear it! You can leave us a review
Thanks. I just need to make my promo box image look the same on mobile that it does on desktop. The screehshots you sent show me fields that I do not understand, like responsive height, what does that do? I have no idea what these fields are. Can you please tell me how to make my mobile image look the same as it does on desktop in simple terms please. Perhaps a video. Thank you!
Thank you for the screenshots! That helps. the only difference I see is that the image I want to resize for mobile is in my 'Main Menu" Section. See attached. Is this image going to respond the same way a promo box would respond? This Image is my "main image" section on my homepage, under the header.
My main page promo box image is formatted for desktop. How do I upload an image formatted for mobile as well?
Hello, Anita.
If you upload a rectangular image, it is cut off on the left and right side for mobile screens.
You should arrange images in promo box options directly in Promo box in Home page - Sections, scroll down for all options for mobile and desktop like this - https://prnt.sc/pw905i
For promo box/slick slider you have to make changes in such field - https://prnt.sc/q28ixh
If you don't want resize the images, make fields with height parameters empty.
And check all in store front , not in Editor only.
Have a nice day!
Best regards, Irina
Got feedback? We’d love to hear it! You can leave us a review
Rate the Unicorn theme at - https://themes.shopify.com/themes/unicorn/styles/valuable
Rate the Shella Shopify theme at - https://themeforest.net/item/shella-ultimate-fashion-responsive-shopify-theme/reviews/22804833
Hi
Thanks. I just need to make my promo box image look the same on mobile that it does on desktop. The screehshots you sent show me fields that I do not understand, like responsive height, what does that do? I have no idea what these fields are. Can you please tell me how to make my mobile image look the same as it does on desktop in simple terms please. Perhaps a video. Thank you!
Anita
Hello, Anita.
There is a way to make proportions to different screens for promoboxes.
You can set heights of image for different screens and the width will be changed automatically -
https://prnt.sc/r29syn
You may check the screenshots as an examples -
https://prnt.sc/vtou7u
https://prnt.sc/vtouvt
https://prnt.sc/vtowo9
https://prnt.sc/vtox3t
https://prnt.sc/vtp0o8
Have a nice day!
Best regards, Irina
Got feedback? We’d love to hear it! You can leave us a review
Rate the Unicorn theme at - https://themes.shopify.com/themes/unicorn/styles/valuable
Rate the Shella Shopify theme at - https://themeforest.net/item/shella-ultimate-fashion-responsive-shopify-theme/reviews/22804833
Thank you for the screenshots! That helps. the only difference I see is that the image I want to resize for mobile is in my 'Main Menu" Section. See attached. Is this image going to respond the same way a promo box would respond? This Image is my "main image" section on my homepage, under the header.
Hello, Anita.
Yes, the applied changes should work both for Promo box and main Menu section.
Have a nice day!
Best regards, Irina
Got feedback? We’d love to hear it! You can leave us a review
Rate the Unicorn theme at - https://themes.shopify.com/themes/unicorn/styles/valuable
Rate the Shella Shopify theme at - https://themeforest.net/item/shella-ultimate-fashion-responsive-shopify-theme/reviews/22804833