Make home page banner responsive

rj1984
Tourist
11 0 1

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!

Replies 7 (7)

Raj-webdesigner
Shopify Partner
236 52 51

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

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

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com
rj1984
Tourist
11 0 1

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

 

Is there anything else you can suggest?

Raj-webdesigner
Shopify Partner
236 52 51

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

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

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com
rj1984
Tourist
11 0 1

Yes, how did you do that?

Raj-webdesigner
Shopify Partner
236 52 51

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

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

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



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

DigiDecoded
Shopify Partner
144 18 17

the first Banner image?

 

Danish | Full Stack Developer @ Esire.Inc
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Hire me for your next task! | Email | WhatsApp | Website
rj1984
Tourist
11 0 1

Both banner images are having the issue.