How can I make my hero image responsive?

GildedSocial · ‎06-06-2023

Hello,

I am trying to get my hero image responsive. Wondering how I would be able to get my image responsive.

https://3y20rrk93qc4xvo8-64501874901.shopifypreview.com

Thanks,

made4Uo · ‎06-06-2023

Please utilize the focal point added by Shopify in the image. This adjust the view of the image with screen size change.

1. From you Admin page, go to Contents > Files
2. Click the image you want to edit, then Add focal point.

Volunteering to assist you! Likes and Accept as Solution is highly appreciated.✌
☕ Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

View solution in original post

NomtechSolution · ‎06-06-2023

Have you tried adding background cover property to image?

made4Uo · ‎06-06-2023

Hi @GildedSocial

Please utilize the focal point added by Shopify in the image. This adjust the view of the image with screen size change.

1. From you Admin page, go to Contents > Files
2. Click the image you want to edit, then Add focal point.

Volunteering to assist you! Likes and Accept as Solution is highly appreciated.✌
☕ Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

How can I make my hero image responsive?

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links