How can I create a responsive banner for my homepage?

[rj1984]

Hi, here is the test site that I'm currently building- https://hpood0ro1cd0vw85-24820580448.shopifypreview.com

How can I make the homepage banner responsive? It keeps cutting off important info when the screen size shrinks. Please let me know if you know any resolution.

Thank you!

[Raj-webdesigner]

1) Edite Code
2)Find base.css File
Add This css In your base.css File

@media screen and (max-width: 768px){
	.media>img {
	    object-fit: unset !important;
    }
}

---------------------------------------------------------------------------------------------------------------------------------------

If you require further help to optimize your store, please don’t hesitate to reach out.

Contect On My Mail :->>> raj.s.webdevloper@gmail.com

or DM in Whatsapp ==>> 8780571581

[rj1984]

Hi Raj, thanks for your feedback. I tried this but still having the same issue.

Is there anything else you can suggest?

[Raj-webdesigner]

This is the solution please check the screenshot,
https://prnt.sc/F8dASf4MAB2a
https://prnt.sc/gRHBRf9NN58c

[rj1984]

Yes, how did you do that?

[Raj-webdesigner]

Can you Please Tell Me Your Issuse Is Solve Or Not??

[DigiDecoded]

the first Banner image?

[rj1984]

Both banner images are having the issue.