Banner on mobil with Spotlight theme cutting off

216tumblers
New Member
7 0 0

My image on pc looks good.. Image on mobile is cut off. I have tried multiple codes I've seen recommended in liquid section but it does not work. I do not see a base.css file either... 

 

 

 

How can i fix it?

Replies 11 (11)
216tumblers
New Member
7 0 0
yea - i have no idea what any of that means... if you can help

Raj-webdesigner
Shopify Partner
253 57 60

Share Preview Link

 

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 :-Mail@gmail.com


216tumblers
New Member
7 0 0

What’s a preview link? My site is www.216tumblers.com 

216tumblers
New Member
7 0 0

Yes 

Raj-webdesigner
Shopify Partner
253 57 60

preview Link Is your Code Share Link
see ScreenShot

https://prnt.sc/v9YXHmjrcakp

Send Url
See ---> https://prnt.sc/-gZ8KArQqKO2

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 :-Mail@gmail.com


216tumblers
New Member
7 0 0

I still have not heard back since my last reply asking what a preview link is and stating my website. 

 

Raj-webdesigner
Shopify Partner
253 57 60

Please give me valid site link
See ScreenShot
https://prnt.sc/QzyGfYxFaynX

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 :-Mail@gmail.com


Raj-webdesigner
Shopify Partner
253 57 60

Add This Css In your Base.css File
Follow My Step 

1) click Edit Code

Rajwebdesigner_0-1711990565776.png

2) Open base.css

Rajwebdesigner_1-1711990692374.png

Put This Code Like This

Rajwebdesigner_2-1711990820840.png

 

.media>img {
    object-fit: fill !important;
}

 

 

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 :-Mail@gmail.com


216tumblers
New Member
7 0 0

ok, i did that - now the whole picture shows but its large and doesnt look proportionate. its too wide.  

Raj-webdesigner
Shopify Partner
253 57 60

Okay, Replace Code With This New Code This Coe Is Work only mobail view Okay

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

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 :-Mail@gmail.com